:root {
--client-name: 'Legends Sports';
--client-image: url("https://cdn.ottosport.ai/1dbegvt2zqjyp/brand/64342422369fc203fd3d9860.1698869270808.png?versionId=XHSI6VbkxoopcSkWDgNhkdAzOXPoHK.f") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/1dbegvt2zqjyp/brand/client.logo.64342422369fc203fd3d9860.1698869360132.png?versionId=2abuh2KgZpM6O0oSkukPnTcyU4Gp73VJ") no-repeat;
--client-primary: #1f4d78;
--client-secondary: #bf0000;
--client-primary-darken: rgb(28, 69, 108);
--client-primary-lighten: rgb(38, 95, 148);
--client-sign-in-primary: #1f4d78;
--client-sign-in-secondary: #15334f;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-04-10T06:16:41.190Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f8;
  --color-client-100: #e4e8ed;
  --color-client-200: #c8d6e4;
  --color-client-300: #a5bad0;
  --color-client-400: #7293b4;
  --color-client-500: #1f4d78;
  --color-client-600: #0b3c66;
  --color-client-700: #012c50;
  --color-client-800: #001d39;
  --color-client-900: #001329;
  --color-client-950: #000616;
  --color-client-header: #1f4d78;
  --color-client-selected: #3c6a97;
  --color-client-hover: #416a92;
  --color-client-text: #a8c5e3;
  --color-client-footer: #0f3252;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002112264696303379 249.53697974784393);
  --color-client-50-oklch: oklch(0.97 0.004224529392606758 249.53697974784393);
  --color-client-100-oklch: oklch(0.93 0.008449058785213516 249.53697974784393);
  --color-client-200-oklch: oklch(0.87 0.02464308812353943 249.53697974784393);
  --color-client-300-oklch: oklch(0.78 0.039604963055688364 249.53697974784393);
  --color-client-400-oklch: oklch(0.65 0.06160772030884856 249.53697974784393);
  --color-client-500-oklch: oklch(0.4105474612252107 0.08801102901264081 249.53697974784393);
  --color-client-600-oklch: oklch(0.3489653420414291 0.08801102901264081 249.53697974784393);
  --color-client-700-oklch: oklch(0.28738322285764745 0.07920992611137673 249.53697974784393);
  --color-client-800-oklch: oklch(0.22580110367386588 0.06600827175948061 249.53697974784393);
  --color-client-900-oklch: oklch(0.1847463575513448 0.05280661740758449 249.53697974784393);
  --color-client-950-oklch: oklch(0.1231642383675632 0.044005514506320405 249.53697974784393);
  --color-client-header-oklch: oklch(0.4105474612252107 0.08801102901264081 249.53697974784393);
  --color-client-selected-oklch: oklch(0.5105474612252107 0.08801102901264081 249.53697974784393);
  --color-client-hover-oklch: oklch(0.5105474612252107 0.07920992611137673 249.53697974784393);
  --color-client-text-oklch: oklch(0.8105474612252107 0.05280661740758449 249.53697974784393);
  --color-client-footer-oklch: oklch(0.3105474612252107 0.07040882321011264 249.53697974784393);
}

@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: #f5e3e0;
  --color-client-secondary-200: #f8c7be;
  --color-client-secondary-300: #eda195;
  --color-client-secondary-400: #d96859;
  --color-client-secondary-500: #bf0000;
  --color-client-secondary-600: #a40000;
  --color-client-secondary-700: #830000;
  --color-client-secondary-800: #600000;
  --color-client-secondary-900: #460000;
  --color-client-secondary-950: #2a0000;
  --color-client-secondary-header: #bf0000;
  --color-client-secondary-selected: #e33a2d;
  --color-client-secondary-hover: #db4739;
  --color-client-secondary-text: #ffcec3;
  --color-client-secondary-footer: #8d0100;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.00497632649048963 29.233880279627886);
  --color-client-secondary-50-oklch: oklch(0.97 0.00995265298097926 29.233880279627886);
  --color-client-secondary-100-oklch: oklch(0.93 0.01990530596195852 29.233880279627886);
  --color-client-secondary-200-oklch: oklch(0.87 0.05805714238904569 29.233880279627886);
  --color-client-secondary-300-oklch: oklch(0.78 0.09330612169668057 29.233880279627886);
  --color-client-secondary-400-oklch: oklch(0.65 0.1451428559726142 29.233880279627886);
  --color-client-secondary-500-oklch: oklch(0.5052893199682003 0.20734693710373459 29.233880279627886);
  --color-client-secondary-600-oklch: oklch(0.4294959219729702 0.20734693710373459 29.233880279627886);
  --color-client-secondary-700-oklch: oklch(0.35370252397774016 0.18661224339336113 29.233880279627886);
  --color-client-secondary-800-oklch: oklch(0.27790912598251016 0.15551020282780093 29.233880279627886);
  --color-client-secondary-900-oklch: oklch(0.22738019398569012 0.12440816226224075 29.233880279627886);
  --color-client-secondary-950-oklch: oklch(0.15158679599046007 0.10367346855186729 29.233880279627886);
  --color-client-secondary-header-oklch: oklch(0.5052893199682003 0.20734693710373459 29.233880279627886);
  --color-client-secondary-selected-oklch: oklch(0.6052893199682002 0.20734693710373459 29.233880279627886);
  --color-client-secondary-hover-oklch: oklch(0.6052893199682002 0.18661224339336113 29.233880279627886);
  --color-client-secondary-text-oklch: oklch(0.9052893199682003 0.07464489735734445 29.233880279627886);
  --color-client-secondary-footer-oklch: oklch(0.4052893199682003 0.16587754968298768 29.233880279627886);
}

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