:root {
--client-name: 'Town & Country Sports Complex';
--client-image: url("https://cdn.ottosport.ai/3dggoi3c0zo7s/brand/606b3f6144956dc5bc43294a.1699398439591.png?versionId=HTuCZMWiOS_fuW4xAaQg81uLtmdx88RG") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/3dggoi3c0zo7s/brand/client.logo.606b3f6144956dc5bc43294a.1699398483974.png?versionId=Utl_pIIJDuaLMftZDMY3xJL8rVa2PG_g") no-repeat;
--client-primary: #262626;
--client-secondary: #e11e33;
--client-primary-darken: rgb(30, 30, 30);
--client-primary-lighten: rgb(56, 56, 56);
--client-sign-in-primary: #85121e;
--client-sign-in-secondary: #c81b2d;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2016-01-14T20:24:39.668Z';
/* 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: #262626;
  --color-client-600: #1c1c1c;
  --color-client-700: #131313;
  --color-client-800: #0b0b0b;
  --color-client-900: #060606;
  --color-client-950: #020202;
  --color-client-header: #262626;
  --color-client-selected: #3f3f3f;
  --color-client-hover: #3f3f3f;
  --color-client-text: #959595;
  --color-client-footer: #2e2e2e;

  /* 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.26861827698438745 0 0);
  --color-client-600-oklch: oklch(0.22832553543672932 0 0);
  --color-client-700-oklch: oklch(0.1880327938890712 0 0);
  --color-client-800-oklch: oklch(0.1477400523414131 0 0);
  --color-client-900-oklch: oklch(0.12087822464297436 0 0);
  --color-client-950-oklch: oklch(0.08058548309531623 0 0);
  --color-client-header-oklch: oklch(0.26861827698438745 0 0);
  --color-client-selected-oklch: oklch(0.3686182769843874 0 0);
  --color-client-hover-oklch: oklch(0.3686182769843874 0 0);
  --color-client-text-oklch: oklch(0.6686182769843875 0 0);
  --color-client-footer-oklch: oklch(0.3 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: #fcf7f7;
  --color-client-secondary-50: #fcf2f2;
  --color-client-secondary-100: #f6e3e1;
  --color-client-secondary-200: #fbc5c1;
  --color-client-secondary-300: #f19e99;
  --color-client-secondary-400: #de6260;
  --color-client-secondary-500: #e11e33;
  --color-client-secondary-600: #c10016;
  --color-client-secondary-700: #9a0002;
  --color-client-secondary-800: #710000;
  --color-client-secondary-900: #540000;
  --color-client-secondary-950: #330000;
  --color-client-secondary-header: #e11e33;
  --color-client-secondary-selected: #ff4b51;
  --color-client-secondary-hover: #fd585a;
  --color-client-secondary-text: #ffe5e0;
  --color-client-secondary-footer: #ad1c28;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.005339410160158861 23.648090221901832);
  --color-client-secondary-50-oklch: oklch(0.97 0.010678820320317722 23.648090221901832);
  --color-client-secondary-100-oklch: oklch(0.93 0.021357640640635445 23.648090221901832);
  --color-client-secondary-200-oklch: oklch(0.87 0.06229311853518672 23.648090221901832);
  --color-client-secondary-300-oklch: oklch(0.78 0.10011394050297866 23.648090221901832);
  --color-client-secondary-400-oklch: oklch(0.65 0.1557327963379668 23.648090221901832);
  --color-client-secondary-500-oklch: oklch(0.5832803741774132 0.22247542333995257 23.648090221901832);
  --color-client-secondary-600-oklch: oklch(0.4957883180508012 0.22247542333995257 23.648090221901832);
  --color-client-secondary-700-oklch: oklch(0.4082962619241892 0.20022788100595731 23.648090221901832);
  --color-client-secondary-800-oklch: oklch(0.3208042057975773 0.16685656750496441 23.648090221901832);
  --color-client-secondary-900-oklch: oklch(0.26247616837983595 0.13348525400397154 23.648090221901832);
  --color-client-secondary-950-oklch: oklch(0.17498411225322394 0.11123771166997629 23.648090221901832);
  --color-client-secondary-header-oklch: oklch(0.5832803741774132 0.22247542333995257 23.648090221901832);
  --color-client-secondary-selected-oklch: oklch(0.6832803741774132 0.22247542333995257 23.648090221901832);
  --color-client-secondary-hover-oklch: oklch(0.6832803741774132 0.20022788100595731 23.648090221901832);
  --color-client-secondary-text-oklch: oklch(0.9832803741774132 0.08009115240238292 23.648090221901832);
  --color-client-secondary-footer-oklch: oklch(0.4832803741774132 0.17798033867196206 23.648090221901832);
}

@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);
  }
}