:root {
--client-name: 'DAA';
--client-image: url("https://cdn.ottosport.ai/2uz02co6h9gpb/brand/66439a24274b2b9fbe741691.1715879590539.png?versionId=fSNHua4RgmF.qed7IyqkGDwAGg_5cQmi") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/2uz02co6h9gpb/brand/client.logo.66439a24274b2b9fbe741691.1715879393957.png?versionId=5llEDxSem9NdRJwPYkCXnkf4kOixGMTz") no-repeat;
--client-primary: #06205b;
--client-secondary: #e2ecf6;
--client-primary-darken: rgb(5, 27, 77);
--client-primary-lighten: rgb(8, 44, 124);
--client-sign-in-primary: #e2ecf6;
--client-sign-in-secondary: #5892cd;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2024-05-14T14:44:55.989Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f9;
  --color-client-100: #e4e8ef;
  --color-client-200: #cad5e9;
  --color-client-300: #a7b8d8;
  --color-client-400: #768fbf;
  --color-client-500: #06205b;
  --color-client-600: #01144f;
  --color-client-700: #000b3f;
  --color-client-800: #00052d;
  --color-client-900: #00031f;
  --color-client-950: #000011;
  --color-client-header: #06205b;
  --color-client-selected: #1e3c79;
  --color-client-hover: #223d74;
  --color-client-text: #8095bf;
  --color-client-footer: #152b5a;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0026546264143766794 262.91643775493213);
  --color-client-50-oklch: oklch(0.97 0.005309252828753359 262.91643775493213);
  --color-client-100-oklch: oklch(0.93 0.010618505657506718 262.91643775493213);
  --color-client-200-oklch: oklch(0.87 0.030970641501061262 262.91643775493213);
  --color-client-300-oklch: oklch(0.78 0.04977424526956274 262.91643775493213);
  --color-client-400-oklch: oklch(0.65 0.07742660375265314 262.91643775493213);
  --color-client-500-oklch: oklch(0.26941467938117825 0.11060943393236164 262.91643775493213);
  --color-client-600-oklch: oklch(0.22900247747400151 0.11060943393236164 262.91643775493213);
  --color-client-700-oklch: oklch(0.18859027556682476 0.09954849053912548 262.91643775493213);
  --color-client-800-oklch: oklch(0.14817807365964805 0.08295707544927122 262.91643775493213);
  --color-client-900-oklch: oklch(0.12123660572153021 0.06636566035941698 262.91643775493213);
  --color-client-950-oklch: oklch(0.08082440381435348 0.05530471696618082 262.91643775493213);
  --color-client-header-oklch: oklch(0.26941467938117825 0.11060943393236164 262.91643775493213);
  --color-client-selected-oklch: oklch(0.3694146793811782 0.11060943393236164 262.91643775493213);
  --color-client-hover-oklch: oklch(0.3694146793811782 0.09954849053912548 262.91643775493213);
  --color-client-text-oklch: oklch(0.6694146793811783 0.06636566035941698 262.91643775493213);
  --color-client-footer-oklch: oklch(0.3 0.08848754714588931 262.91643775493213);
}

@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: #f8f8f9;
  --color-client-secondary-50: #f5f5f6;
  --color-client-secondary-100: #e7e8e9;
  --color-client-secondary-200: #d2d4d7;
  --color-client-secondary-300: #b4b8bc;
  --color-client-secondary-400: #8a9096;
  --color-client-secondary-500: #e2ecf6;
  --color-client-secondary-600: #b5bec8;
  --color-client-secondary-700: #8a929b;
  --color-client-secondary-800: #62696f;
  --color-client-secondary-900: #494e53;
  --color-client-secondary-950: #262a2d;
  --color-client-secondary-header: #e5ebf1;
  --color-client-secondary-selected: #faffff;
  --color-client-secondary-hover: #faffff;
  --color-client-secondary-text: #fcffff;
  --color-client-secondary-footer: #c3cbd3;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.00041441337532315334 248.0118564315959);
  --color-client-secondary-50-oklch: oklch(0.97 0.0008288267506463067 248.0118564315959);
  --color-client-secondary-100-oklch: oklch(0.93 0.0016576535012926134 248.0118564315959);
  --color-client-secondary-200-oklch: oklch(0.87 0.004834822712103456 248.0118564315959);
  --color-client-secondary-300-oklch: oklch(0.78 0.007770250787309126 248.0118564315959);
  --color-client-secondary-400-oklch: oklch(0.65 0.01208705678025864 248.0118564315959);
  --color-client-secondary-500-oklch: oklch(0.9384908986685995 0.017267223971798057 248.0118564315959);
  --color-client-secondary-600-oklch: oklch(0.7977172638683095 0.017267223971798057 248.0118564315959);
  --color-client-secondary-700-oklch: oklch(0.6569436290680196 0.015540501574618252 248.0118564315959);
  --color-client-secondary-800-oklch: oklch(0.5161699942677298 0.012950417978848543 248.0118564315959);
  --color-client-secondary-900-oklch: oklch(0.4223209044008698 0.010360334383078833 248.0118564315959);
  --color-client-secondary-950-oklch: oklch(0.28154726960057985 0.008633611985899028 248.0118564315959);
  --color-client-secondary-header-oklch: oklch(0.9384908986685995 0.010360334383078833 248.0118564315959);
  --color-client-secondary-selected-oklch: oklch(1 0.010360334383078833 248.0118564315959);
  --color-client-secondary-hover-oklch: oklch(1 0.009324300944770951 248.0118564315959);
  --color-client-secondary-text-oklch: oklch(1 0.0062162006298473 248.0118564315959);
  --color-client-secondary-footer-oklch: oklch(0.8384908986685995 0.013813779177438446 248.0118564315959);
}

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