:root {
--client-name: 'Tzeachten Chilliwack United FC';
--client-image: url("https://cdn.ottosport.ai/0yg126jejaybf/brand/6924c4d325c7155cd5bbfd11.1764017631896.png?versionId=ClDbg26zxWCrOGnaciO99vtEMlVCDg59") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/0yg126jejaybf/brand/client.logo.6924c4d325c7155cd5bbfd11.1764017592485.png?versionId=JphPbPtxBZhDLeXTWQk2X7Ad0D19phL2") no-repeat;
--client-primary: #d7d7d7;
--client-secondary: #1c5a41;
--client-primary-darken: rgb(207, 207, 207);
--client-primary-lighten: rgb(233, 233, 233);
--client-sign-in-primary: #1c5a41;
--client-sign-in-secondary: #092d1e;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2025-11-21T18:04:55.215Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f8;
  --color-client-50: #f5f5f5;
  --color-client-100: #e8e8e8;
  --color-client-200: #d4d4d4;
  --color-client-300: #b7b7b7;
  --color-client-400: #8f8f8f;
  --color-client-500: #d7d7d7;
  --color-client-600: #adadad;
  --color-client-700: #858585;
  --color-client-800: #5e5e5e;
  --color-client-900: #464646;
  --color-client-950: #252525;
  --color-client-header: #d7d7d7;
  --color-client-selected: #f8f8f8;
  --color-client-hover: #f8f8f8;
  --color-client-text: #ffffff;
  --color-client-footer: #b7b7b7;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0 0);
  --color-client-50-oklch: oklch(0.97 0 0);
  --color-client-100-oklch: oklch(0.93 0 0);
  --color-client-200-oklch: oklch(0.87 0 0);
  --color-client-300-oklch: oklch(0.78 0 0);
  --color-client-400-oklch: oklch(0.65 0 0);
  --color-client-500-oklch: oklch(0.879168666349154 0 0);
  --color-client-600-oklch: oklch(0.7472933663967809 0 0);
  --color-client-700-oklch: oklch(0.6154180664444078 0 0);
  --color-client-800-oklch: oklch(0.48354276649203476 0 0);
  --color-client-900-oklch: oklch(0.3956258998571193 0 0);
  --color-client-950-oklch: oklch(0.2637505999047462 0 0);
  --color-client-header-oklch: oklch(0.879168666349154 0 0);
  --color-client-selected-oklch: oklch(0.979168666349154 0 0);
  --color-client-hover-oklch: oklch(0.979168666349154 0 0);
  --color-client-text-oklch: oklch(1 0 0);
  --color-client-footer-oklch: oklch(0.779168666349154 0 0);
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-client-25: var(--color-client-25-oklch);
    --color-client-50: var(--color-client-50-oklch);
    --color-client-100: var(--color-client-100-oklch);
    --color-client-200: var(--color-client-200-oklch);
    --color-client-300: var(--color-client-300-oklch);
    --color-client-400: var(--color-client-400-oklch);
    --color-client-500: var(--color-client-500-oklch);
    --color-client-600: var(--color-client-600-oklch);
    --color-client-700: var(--color-client-700-oklch);
    --color-client-800: var(--color-client-800-oklch);
    --color-client-900: var(--color-client-900-oklch);
    --color-client-950: var(--color-client-950-oklch);
    --color-client-header: var(--color-client-header-oklch);
    --color-client-selected: var(--color-client-selected-oklch);
    --color-client-hover: var(--color-client-hover-oklch);
    --color-client-text: var(--color-client-text-oklch);
    --color-client-footer: var(--color-client-footer-oklch);
  }
}
:root {
  --color-client-secondary-25: #f7f9f8;
  --color-client-secondary-50: #f3f6f4;
  --color-client-secondary-100: #e4e9e6;
  --color-client-secondary-200: #c8d9d0;
  --color-client-secondary-300: #a5bfb1;
  --color-client-secondary-400: #729a86;
  --color-client-secondary-500: #1c5a41;
  --color-client-secondary-600: #024831;
  --color-client-secondary-700: #003722;
  --color-client-secondary-800: #002515;
  --color-client-secondary-900: #001a0d;
  --color-client-secondary-950: #000b04;
  --color-client-secondary-header: #1c5a41;
  --color-client-secondary-selected: #3b775c;
  --color-client-secondary-hover: #41765e;
  --color-client-secondary-text: #aacebc;
  --color-client-secondary-footer: #0c3c2a;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.001826463858849843 162.92606781466804);
  --color-client-secondary-50-oklch: oklch(0.97 0.003652927717699686 162.92606781466804);
  --color-client-secondary-100-oklch: oklch(0.93 0.007305855435399372 162.92606781466804);
  --color-client-secondary-200-oklch: oklch(0.87 0.021308745019914838 162.92606781466804);
  --color-client-secondary-300-oklch: oklch(0.78 0.03424619735343456 162.92606781466804);
  --color-client-secondary-400-oklch: oklch(0.65 0.05327186254978709 162.92606781466804);
  --color-client-secondary-500-oklch: oklch(0.42052630941152547 0.07610266078541013 162.92606781466804);
  --color-client-secondary-600-oklch: oklch(0.3574473629997966 0.07610266078541013 162.92606781466804);
  --color-client-secondary-700-oklch: oklch(0.2943684165880678 0.06849239470686912 162.92606781466804);
  --color-client-secondary-800-oklch: oklch(0.23128947017633902 0.0570769955890576 162.92606781466804);
  --color-client-secondary-900-oklch: oklch(0.18923683923518647 0.045661596471246076 162.92606781466804);
  --color-client-secondary-950-oklch: oklch(0.12615789282345763 0.038051330392705064 162.92606781466804);
  --color-client-secondary-header-oklch: oklch(0.42052630941152547 0.07610266078541013 162.92606781466804);
  --color-client-secondary-selected-oklch: oklch(0.5205263094115254 0.07610266078541013 162.92606781466804);
  --color-client-secondary-hover-oklch: oklch(0.5205263094115254 0.06849239470686912 162.92606781466804);
  --color-client-secondary-text-oklch: oklch(0.8205263094115255 0.045661596471246076 162.92606781466804);
  --color-client-secondary-footer-oklch: oklch(0.3205263094115255 0.060882128628328105 162.92606781466804);
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-client-secondary-25: var(--color-client-secondary-25-oklch);
    --color-client-secondary-50: var(--color-client-secondary-50-oklch);
    --color-client-secondary-100: var(--color-client-secondary-100-oklch);
    --color-client-secondary-200: var(--color-client-secondary-200-oklch);
    --color-client-secondary-300: var(--color-client-secondary-300-oklch);
    --color-client-secondary-400: var(--color-client-secondary-400-oklch);
    --color-client-secondary-500: var(--color-client-secondary-500-oklch);
    --color-client-secondary-600: var(--color-client-secondary-600-oklch);
    --color-client-secondary-700: var(--color-client-secondary-700-oklch);
    --color-client-secondary-800: var(--color-client-secondary-800-oklch);
    --color-client-secondary-900: var(--color-client-secondary-900-oklch);
    --color-client-secondary-950: var(--color-client-secondary-950-oklch);
    --color-client-secondary-header: var(--color-client-secondary-header-oklch);
    --color-client-secondary-selected: var(--color-client-secondary-selected-oklch);
    --color-client-secondary-hover: var(--color-client-secondary-hover-oklch);
    --color-client-secondary-text: var(--color-client-secondary-text-oklch);
    --color-client-secondary-footer: var(--color-client-secondary-footer-oklch);
  }
}