:root {
--client-name: 'Blackhills FC';
--client-image: url("https://cdn.ottosport.ai/3edovch0r1909/brand/6112f37044956dc5bc1adc9e.1699394172995.png?versionId=O85nwTVqUaKa2po35bsp4HpQ.kF.p26Z") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/3edovch0r1909/brand/client.logo.6112f37044956dc5bc1adc9e.1699394016911.png?versionId=DimVdswFsAJxaBUnCggVRWhavA2gOvs6") no-repeat;
--client-primary: #2b3033;
--client-secondary: #e40707;
--client-primary-darken: rgb(36, 40, 43);
--client-primary-lighten: rgb(59, 66, 70);
--client-sign-in-primary: #262626;
--client-sign-in-secondary: #000000;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2016-04-21T13:31:51.764Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f8;
  --color-client-50: #f5f5f5;
  --color-client-100: #e7e8e8;
  --color-client-200: #d3d4d5;
  --color-client-300: #b5b8b9;
  --color-client-400: #8c9092;
  --color-client-500: #2b3033;
  --color-client-600: #202528;
  --color-client-700: #161a1c;
  --color-client-800: #0c1011;
  --color-client-900: #07090a;
  --color-client-950: #020303;
  --color-client-header: #2b3033;
  --color-client-selected: #454a4d;
  --color-client-hover: #454a4d;
  --color-client-text: #9da1a3;
  --color-client-footer: #2a2e31;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.000212260885275697 233.97570730210037);
  --color-client-50-oklch: oklch(0.97 0.000424521770551394 233.97570730210037);
  --color-client-100-oklch: oklch(0.93 0.000849043541102788 233.97570730210037);
  --color-client-200-oklch: oklch(0.87 0.002476376994883132 233.97570730210037);
  --color-client-300-oklch: oklch(0.78 0.003979891598919319 233.97570730210037);
  --color-client-400-oklch: oklch(0.65 0.006190942487207829 233.97570730210037);
  --color-client-500-oklch: oklch(0.3054958168331772 0.008844203553154042 233.97570730210037);
  --color-client-600-oklch: oklch(0.25967144430820066 0.008844203553154042 233.97570730210037);
  --color-client-700-oklch: oklch(0.21384707178322404 0.007959783197838638 233.97570730210037);
  --color-client-800-oklch: oklch(0.16802269925824748 0.006633152664865531 233.97570730210037);
  --color-client-900-oklch: oklch(0.13747311757492975 0.005306522131892425 233.97570730210037);
  --color-client-950-oklch: oklch(0.09164874504995317 0.004422101776577021 233.97570730210037);
  --color-client-header-oklch: oklch(0.3054958168331772 0.008844203553154042 233.97570730210037);
  --color-client-selected-oklch: oklch(0.40549581683317726 0.008844203553154042 233.97570730210037);
  --color-client-hover-oklch: oklch(0.40549581683317726 0.007959783197838638 233.97570730210037);
  --color-client-text-oklch: oklch(0.7054958168331773 0.005306522131892425 233.97570730210037);
  --color-client-footer-oklch: oklch(0.3 0.0070753628425232334 233.97570730210037);
}

@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: #fdf2f1;
  --color-client-secondary-100: #f7e3df;
  --color-client-secondary-200: #fdc5bc;
  --color-client-secondary-300: #f49d90;
  --color-client-secondary-400: #e26051;
  --color-client-secondary-500: #e40707;
  --color-client-secondary-600: #c40000;
  --color-client-secondary-700: #9d0000;
  --color-client-secondary-800: #730000;
  --color-client-secondary-900: #560000;
  --color-client-secondary-950: #340000;
  --color-client-secondary-header: #e40707;
  --color-client-secondary-selected: #ff4335;
  --color-client-secondary-hover: #ff5343;
  --color-client-secondary-text: #ffe3d7;
  --color-client-secondary-footer: #af110c;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.00564236646971705 29.011845584262563);
  --color-client-secondary-50-oklch: oklch(0.97 0.0112847329394341 29.011845584262563);
  --color-client-secondary-100-oklch: oklch(0.93 0.0225694658788682 29.011845584262563);
  --color-client-secondary-200-oklch: oklch(0.87 0.06582760881336559 29.011845584262563);
  --color-client-secondary-300-oklch: oklch(0.78 0.1057943713071947 29.011845584262563);
  --color-client-secondary-400-oklch: oklch(0.65 0.16456902203341398 29.011845584262563);
  --color-client-secondary-500-oklch: oklch(0.5786519319872268 0.2350986029048771 29.011845584262563);
  --color-client-secondary-600-oklch: oklch(0.49185414218914275 0.2350986029048771 29.011845584262563);
  --color-client-secondary-700-oklch: oklch(0.4050563523910587 0.2115887426143894 29.011845584262563);
  --color-client-secondary-800-oklch: oklch(0.31825856259297475 0.17632395217865782 29.011845584262563);
  --color-client-secondary-900-oklch: oklch(0.26039336939425206 0.14105916174292626 29.011845584262563);
  --color-client-secondary-950-oklch: oklch(0.17359557959616803 0.11754930145243855 29.011845584262563);
  --color-client-secondary-header-oklch: oklch(0.5786519319872268 0.2350986029048771 29.011845584262563);
  --color-client-secondary-selected-oklch: oklch(0.6786519319872267 0.2350986029048771 29.011845584262563);
  --color-client-secondary-hover-oklch: oklch(0.6786519319872267 0.2115887426143894 29.011845584262563);
  --color-client-secondary-text-oklch: oklch(0.9786519319872268 0.08463549704575575 29.011845584262563);
  --color-client-secondary-footer-oklch: oklch(0.4786519319872268 0.18807888232390169 29.011845584262563);
}

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