:root {
--client-name: 'Club Development League';
--client-image: url("https://cdn.ottosport.ai/1p8z2dv0e0mm8/brand/5f3c31893297f978f0ebd6de.1716415357767.png?versionId=WTay2bqfpWcRPNHx_95S.alIhyAYpbDR") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/1p8z2dv0e0mm8/brand/client.logo.5f3c31893297f978f0ebd6de.1716414882707.png?versionId=4bU8pgm8LCbe0XBI9LO7CPjVdireeqSn") no-repeat;
--client-primary: #095593;
--client-secondary: #ffffff;
--client-primary-darken: rgb(8, 77, 133);
--client-primary-lighten: rgb(11, 104, 181);
--client-sign-in-primary: #f5f5f5;
--client-sign-in-secondary: #919292;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2020-07-21T14:35:20.065Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f9fa;
  --color-client-50: #f2f5f9;
  --color-client-100: #e2e9f0;
  --color-client-200: #c4d6ea;
  --color-client-300: #9ebbda;
  --color-client-400: #6793c1;
  --color-client-500: #095593;
  --color-client-600: #00427e;
  --color-client-700: #003064;
  --color-client-800: #002049;
  --color-client-900: #001635;
  --color-client-950: #00071f;
  --color-client-header: #095593;
  --color-client-selected: #3073b3;
  --color-client-hover: #3973ac;
  --color-client-text: #a8d0fa;
  --color-client-footer: #013a68;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0029153355254485317 250.34129197191157);
  --color-client-50-oklch: oklch(0.97 0.005830671050897063 250.34129197191157);
  --color-client-100-oklch: oklch(0.93 0.011661342101794127 250.34129197191157);
  --color-client-200-oklch: oklch(0.87 0.03401224779689954 250.34129197191157);
  --color-client-300-oklch: oklch(0.78 0.05466254110215997 250.34129197191157);
  --color-client-400-oklch: oklch(0.65 0.08503061949224883 250.34129197191157);
  --color-client-500-oklch: oklch(0.44266203061482434 0.12147231356035548 250.34129197191157);
  --color-client-600-oklch: oklch(0.3762627260226007 0.12147231356035548 250.34129197191157);
  --color-client-700-oklch: oklch(0.30986342143037704 0.10932508220431994 250.34129197191157);
  --color-client-800-oklch: oklch(0.24346411683815342 0.09110423517026661 250.34129197191157);
  --color-client-900-oklch: oklch(0.19919791377667095 0.07288338813621328 250.34129197191157);
  --color-client-950-oklch: oklch(0.1327986091844473 0.06073615678017774 250.34129197191157);
  --color-client-header-oklch: oklch(0.44266203061482434 0.12147231356035548 250.34129197191157);
  --color-client-selected-oklch: oklch(0.5426620306148243 0.12147231356035548 250.34129197191157);
  --color-client-hover-oklch: oklch(0.5426620306148243 0.10932508220431994 250.34129197191157);
  --color-client-text-oklch: oklch(0.8426620306148244 0.07288338813621328 250.34129197191157);
  --color-client-footer-oklch: oklch(0.34266203061482436 0.0971778508482844 250.34129197191157);
}

@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: #f8f8f8;
  --color-client-secondary-50: #f5f5f5;
  --color-client-secondary-100: #e8e8e8;
  --color-client-secondary-200: #d4d4d4;
  --color-client-secondary-300: #b7b7b7;
  --color-client-secondary-400: #8f8f8f;
  --color-client-secondary-500: #ffffff;
  --color-client-secondary-600: #cecece;
  --color-client-secondary-700: #9e9e9e;
  --color-client-secondary-800: #717171;
  --color-client-secondary-900: #555555;
  --color-client-secondary-950: #2e2e2e;
  --color-client-secondary-header: #ffffff;
  --color-client-secondary-selected: #ffffff;
  --color-client-secondary-hover: #ffffff;
  --color-client-secondary-text: #ffffff;
  --color-client-secondary-footer: #dedede;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0 0);
  --color-client-secondary-50-oklch: oklch(0.97 0 0);
  --color-client-secondary-100-oklch: oklch(0.93 0 0);
  --color-client-secondary-200-oklch: oklch(0.87 0 0);
  --color-client-secondary-300-oklch: oklch(0.78 0 0);
  --color-client-secondary-400-oklch: oklch(0.65 0 0);
  --color-client-secondary-500-oklch: oklch(1.0000000000000002 0 0);
  --color-client-secondary-600-oklch: oklch(0.8500000000000002 0 0);
  --color-client-secondary-700-oklch: oklch(0.7000000000000001 0 0);
  --color-client-secondary-800-oklch: oklch(0.5500000000000002 0 0);
  --color-client-secondary-900-oklch: oklch(0.4500000000000001 0 0);
  --color-client-secondary-950-oklch: oklch(0.30000000000000004 0 0);
  --color-client-secondary-header-oklch: oklch(1.0000000000000002 0 0);
  --color-client-secondary-selected-oklch: oklch(1 0 0);
  --color-client-secondary-hover-oklch: oklch(1 0 0);
  --color-client-secondary-text-oklch: oklch(1 0 0);
  --color-client-secondary-footer-oklch: oklch(0.9000000000000002 0 0);
}

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