:root {
--client-name: 'Nova Sportsplex';
--client-image: url("https://cdn.ottosport.ai/2oid08wj6dbky/brand/66106c4f274b2b9fbeac8bd5.1714753244706.png?versionId=nicW.07I.UC_oMsJXt0gy_tGCSUD_N8v") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/2oid08wj6dbky/brand/client.logo.66106c4f274b2b9fbeac8bd5.1714752936457.png?versionId=27czbLYhYMYbA6lHRHOH1xm9Ch4Wlf2x") no-repeat;
--client-primary: #122c40;
--client-secondary: #286291;
--client-primary-darken: rgb(15, 36, 52);
--client-primary-lighten: rgb(26, 63, 92);
--client-sign-in-primary: #1d4768;
--client-sign-in-secondary: #071118;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2024-04-04T04:48:04.619Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f9;
  --color-client-50: #f4f5f6;
  --color-client-100: #e5e8eb;
  --color-client-200: #cdd5dd;
  --color-client-300: #acb9c5;
  --color-client-400: #7e92a3;
  --color-client-500: #122c40;
  --color-client-600: #072135;
  --color-client-700: #021728;
  --color-client-800: #000e1b;
  --color-client-900: #000811;
  --color-client-950: #000207;
  --color-client-header: #122c40;
  --color-client-selected: #2c465c;
  --color-client-hover: #2e4659;
  --color-client-text: #8a9caa;
  --color-client-footer: #1c3040;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.001173334609238292 244.0261813857885);
  --color-client-50-oklch: oklch(0.97 0.002346669218476584 244.0261813857885);
  --color-client-100-oklch: oklch(0.93 0.004693338436953168 244.0261813857885);
  --color-client-200-oklch: oklch(0.87 0.013688903774446742 244.0261813857885);
  --color-client-300-oklch: oklch(0.78 0.022000023923217978 244.0261813857885);
  --color-client-400-oklch: oklch(0.65 0.03422225943611685 244.0261813857885);
  --color-client-500-oklch: oklch(0.28311312100655206 0.0488889420515955 244.0261813857885);
  --color-client-600-oklch: oklch(0.24064615285556926 0.0488889420515955 244.0261813857885);
  --color-client-700-oklch: oklch(0.19817918470458643 0.044000047846435957 244.0261813857885);
  --color-client-800-oklch: oklch(0.15571221655360365 0.03666670653869663 244.0261813857885);
  --color-client-900-oklch: oklch(0.12740090445294844 0.029333365230957302 244.0261813857885);
  --color-client-950-oklch: oklch(0.08493393630196562 0.02444447102579775 244.0261813857885);
  --color-client-header-oklch: oklch(0.28311312100655206 0.0488889420515955 244.0261813857885);
  --color-client-selected-oklch: oklch(0.38311312100655204 0.0488889420515955 244.0261813857885);
  --color-client-hover-oklch: oklch(0.38311312100655204 0.044000047846435957 244.0261813857885);
  --color-client-text-oklch: oklch(0.6831131210065521 0.029333365230957302 244.0261813857885);
  --color-client-footer-oklch: oklch(0.3 0.0391111536412764 244.0261813857885);
}

@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: #f7f9fa;
  --color-client-secondary-50: #f3f5f8;
  --color-client-secondary-100: #e3e9ee;
  --color-client-secondary-200: #c6d6e5;
  --color-client-secondary-300: #a1bbd2;
  --color-client-secondary-400: #6d94b7;
  --color-client-secondary-500: #286291;
  --color-client-secondary-600: #0f4d7b;
  --color-client-secondary-700: #003a61;
  --color-client-secondary-800: #002746;
  --color-client-secondary-900: #001b33;
  --color-client-secondary-950: #000b1d;
  --color-client-secondary-header: #286291;
  --color-client-secondary-selected: #4680b1;
  --color-client-secondary-hover: #4d7fab;
  --color-client-secondary-text: #b9dcfd;
  --color-client-secondary-footer: #1a4669;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0023246338439997585 246.24563149347472);
  --color-client-secondary-50-oklch: oklch(0.97 0.004649267687999517 246.24563149347472);
  --color-client-secondary-100-oklch: oklch(0.93 0.009298535375999034 246.24563149347472);
  --color-client-secondary-200-oklch: oklch(0.87 0.027120728179997184 246.24563149347472);
  --color-client-secondary-300-oklch: oklch(0.78 0.043586884574995474 246.24563149347472);
  --color-client-secondary-400-oklch: oklch(0.65 0.06780182044999294 246.24563149347472);
  --color-client-secondary-500-oklch: oklch(0.48077027622105084 0.09685974349998994 246.24563149347472);
  --color-client-secondary-600-oklch: oklch(0.4086547347878932 0.09685974349998994 246.24563149347472);
  --color-client-secondary-700-oklch: oklch(0.3365391933547356 0.08717376914999095 246.24563149347472);
  --color-client-secondary-800-oklch: oklch(0.26442365192157796 0.07264480762499245 246.24563149347472);
  --color-client-secondary-900-oklch: oklch(0.21634662429947288 0.058115846099993956 246.24563149347472);
  --color-client-secondary-950-oklch: oklch(0.14423108286631525 0.04842987174999497 246.24563149347472);
  --color-client-secondary-header-oklch: oklch(0.48077027622105084 0.09685974349998994 246.24563149347472);
  --color-client-secondary-selected-oklch: oklch(0.5807702762210508 0.09685974349998994 246.24563149347472);
  --color-client-secondary-hover-oklch: oklch(0.5807702762210508 0.08717376914999095 246.24563149347472);
  --color-client-secondary-text-oklch: oklch(0.8807702762210509 0.058115846099993956 246.24563149347472);
  --color-client-secondary-footer-oklch: oklch(0.38077027622105086 0.07748779479999196 246.24563149347472);
}

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