:root {
--client-name: 'CASL Inc.';
--client-image: url("https://cdn.ottosport.ai/2f7h9ve096zfn/brand/6320809444956dc5bc83b6ea.1725551498373.png?versionId=D8SEJLbYs30gGpuEJkGP4A_KJK6kAiZ8") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/2f7h9ve096zfn/brand/client.logo.6320809444956dc5bc83b6ea.1725551344980.png?versionId=08AeJu_kGrOi2JKEMd2H6o9WyLFydxrh") no-repeat;
--client-primary: #142447;
--client-secondary: #e4262d;
--client-primary-darken: rgb(17, 30, 59);
--client-primary-lighten: rgb(28, 50, 99);
--client-sign-in-primary: #1e386f;
--client-sign-in-secondary: #142447;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-09-06T20:41:53.360Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f9;
  --color-client-50: #f4f5f7;
  --color-client-100: #e5e8ec;
  --color-client-200: #ced4e1;
  --color-client-300: #adb8cc;
  --color-client-400: #808fad;
  --color-client-500: #142447;
  --color-client-600: #0b1a3c;
  --color-client-700: #05112e;
  --color-client-800: #020920;
  --color-client-900: #010515;
  --color-client-950: #00010a;
  --color-client-header: #142447;
  --color-client-selected: #2c3e63;
  --color-client-hover: #2e3e60;
  --color-client-text: #8895af;
  --color-client-footer: #1f2d49;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0016505472336108937 263.8731932348101);
  --color-client-50-oklch: oklch(0.97 0.0033010944672217874 263.8731932348101);
  --color-client-100-oklch: oklch(0.93 0.006602188934443575 263.8731932348101);
  --color-client-200-oklch: oklch(0.87 0.019256384392127093 263.8731932348101);
  --color-client-300-oklch: oklch(0.78 0.030947760630204255 263.8731932348101);
  --color-client-400-oklch: oklch(0.65 0.048140960980317726 263.8731932348101);
  --color-client-500-oklch: oklch(0.2674641770458754 0.0687728014004539 263.8731932348101);
  --color-client-600-oklch: oklch(0.22734455048899407 0.0687728014004539 263.8731932348101);
  --color-client-700-oklch: oklch(0.18722492393211276 0.06189552126040851 263.8731932348101);
  --color-client-800-oklch: oklch(0.14710529737523148 0.05157960105034043 263.8731932348101);
  --color-client-900-oklch: oklch(0.12035887967064393 0.04126368084027234 263.8731932348101);
  --color-client-950-oklch: oklch(0.08023925311376261 0.03438640070022695 263.8731932348101);
  --color-client-header-oklch: oklch(0.2674641770458754 0.0687728014004539 263.8731932348101);
  --color-client-selected-oklch: oklch(0.3674641770458754 0.0687728014004539 263.8731932348101);
  --color-client-hover-oklch: oklch(0.3674641770458754 0.06189552126040851 263.8731932348101);
  --color-client-text-oklch: oklch(0.6674641770458754 0.04126368084027234 263.8731932348101);
  --color-client-footer-oklch: oklch(0.3 0.055018241120363125 263.8731932348101);
}

@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: #fcf7f6;
  --color-client-secondary-50: #fcf3f1;
  --color-client-secondary-100: #f6e3e0;
  --color-client-secondary-200: #fbc5bf;
  --color-client-secondary-300: #f19e96;
  --color-client-secondary-400: #de635b;
  --color-client-secondary-500: #e4262d;
  --color-client-secondary-600: #c30009;
  --color-client-secondary-700: #9c0000;
  --color-client-secondary-800: #730000;
  --color-client-secondary-900: #550000;
  --color-client-secondary-950: #340000;
  --color-client-secondary-header: #e4262d;
  --color-client-secondary-selected: #ff504d;
  --color-client-secondary-hover: #ff5d56;
  --color-client-secondary-text: #ffe9e1;
  --color-client-secondary-footer: #b02224;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.005315958189033189 26.019568182329053);
  --color-client-secondary-50-oklch: oklch(0.97 0.010631916378066378 26.019568182329053);
  --color-client-secondary-100-oklch: oklch(0.93 0.021263832756132757 26.019568182329053);
  --color-client-secondary-200-oklch: oklch(0.87 0.062019512205387206 26.019568182329053);
  --color-client-secondary-300-oklch: oklch(0.78 0.0996742160443723 26.019568182329053);
  --color-client-secondary-400-oklch: oklch(0.65 0.155048780513468 26.019568182329053);
  --color-client-secondary-500-oklch: oklch(0.5922675443947546 0.22149825787638286 26.019568182329053);
  --color-client-secondary-600-oklch: oklch(0.5034274127355414 0.22149825787638286 26.019568182329053);
  --color-client-secondary-700-oklch: oklch(0.4145872810763282 0.1993484320887446 26.019568182329053);
  --color-client-secondary-800-oklch: oklch(0.3257471494171151 0.16612369340728714 26.019568182329053);
  --color-client-secondary-900-oklch: oklch(0.2665203949776396 0.13289895472582972 26.019568182329053);
  --color-client-secondary-950-oklch: oklch(0.17768026331842637 0.11074912893819143 26.019568182329053);
  --color-client-secondary-header-oklch: oklch(0.5922675443947546 0.22149825787638286 26.019568182329053);
  --color-client-secondary-selected-oklch: oklch(0.6922675443947546 0.22149825787638286 26.019568182329053);
  --color-client-secondary-hover-oklch: oklch(0.6922675443947546 0.1993484320887446 26.019568182329053);
  --color-client-secondary-text-oklch: oklch(0.9922675443947546 0.07973937283549783 26.019568182329053);
  --color-client-secondary-footer-oklch: oklch(0.4922675443947546 0.1771986063011063 26.019568182329053);
}

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