:root {
--client-name: 'Fairport Soccer Club';
--client-image: url("https://assets.ottosport.ai/0k6waynlomqme/brand/624c6bc744956dc5bc446caf.1724960095623.png?versionId=mkz8CUlsp7zi.UhszKIAsoWCSTGro0qV") no-repeat;
--client-avatar: url("https://assets.ottosport.ai/0k6waynlomqme/brand/client.logo.624c6bc744956dc5bc446caf.1724960101708.png?versionId=SPluqDuGreJfwEfDE9DjIJ74cURhcecv") no-repeat;
--client-primary: #000e48;
--client-secondary: #e10000;
--client-primary-darken: rgb(0, 11, 57);
--client-primary-lighten: rgb(0, 21, 108);
--client-sign-in-primary: #001361;
--client-sign-in-secondary: #00092e;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2015-08-13T16:27:09.854Z';
/* 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: #778fbe;
  --color-client-500: #000e48;
  --color-client-600: #00043f;
  --color-client-700: #000132;
  --color-client-800: #000023;
  --color-client-900: #000018;
  --color-client-950: #00000c;
  --color-client-header: #000e48;
  --color-client-selected: #102a65;
  --color-client-hover: #142c60;
  --color-client-text: #6e82aa;
  --color-client-footer: #162b59;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002615457540290377 263.4034065169313);
  --color-client-50-oklch: oklch(0.97 0.005230915080580754 263.4034065169313);
  --color-client-100-oklch: oklch(0.93 0.010461830161161508 263.4034065169313);
  --color-client-200-oklch: oklch(0.87 0.030513671303387738 263.4034065169313);
  --color-client-300-oklch: oklch(0.78 0.04903982888044457 263.4034065169313);
  --color-client-400-oklch: oklch(0.65 0.07628417825846932 263.4034065169313);
  --color-client-500-oklch: oklch(0.20684193069129148 0.10897739751209905 263.4034065169313);
  --color-client-600-oklch: oklch(0.17581564108759776 0.10897739751209905 263.4034065169313);
  --color-client-700-oklch: oklch(0.144789351483904 0.09807965776088914 263.4034065169313);
  --color-client-800-oklch: oklch(0.11376306188021032 0.08173304813407428 263.4034065169313);
  --color-client-900-oklch: oklch(0.09307886881108117 0.06538643850725942 263.4034065169313);
  --color-client-950-oklch: oklch(0.06205257920738744 0.054488698756049524 263.4034065169313);
  --color-client-header-oklch: oklch(0.20684193069129148 0.10897739751209905 263.4034065169313);
  --color-client-selected-oklch: oklch(0.3068419306912915 0.10897739751209905 263.4034065169313);
  --color-client-hover-oklch: oklch(0.3068419306912915 0.09807965776088914 263.4034065169313);
  --color-client-text-oklch: oklch(0.6068419306912916 0.06538643850725942 263.4034065169313);
  --color-client-footer-oklch: oklch(0.3 0.08718191800967924 263.4034065169313);
}

@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: #f39d90;
  --color-client-secondary-400: #e16151;
  --color-client-secondary-500: #e10000;
  --color-client-secondary-600: #c10000;
  --color-client-secondary-700: #9b0000;
  --color-client-secondary-800: #720000;
  --color-client-secondary-900: #540000;
  --color-client-secondary-950: #330000;
  --color-client-secondary-header: #e10000;
  --color-client-secondary-selected: #ff4132;
  --color-client-secondary-hover: #fd5140;
  --color-client-secondary-text: #ffe1d5;
  --color-client-secondary-footer: #ac0c07;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.005626237630923411 29.23388027962788);
  --color-client-secondary-50-oklch: oklch(0.97 0.011252475261846822 29.23388027962788);
  --color-client-secondary-100-oklch: oklch(0.93 0.022504950523693643 29.23388027962788);
  --color-client-secondary-200-oklch: oklch(0.87 0.0656394390274398 29.23388027962788);
  --color-client-secondary-300-oklch: oklch(0.78 0.10549195557981395 29.23388027962788);
  --color-client-secondary-400-oklch: oklch(0.65 0.16409859756859946 29.23388027962788);
  --color-client-secondary-500-oklch: oklch(0.5712803996968193 0.2344265679551421 29.23388027962788);
  --color-client-secondary-600-oklch: oklch(0.4855883397422964 0.2344265679551421 29.23388027962788);
  --color-client-secondary-700-oklch: oklch(0.3998962797877735 0.2109839111596279 29.23388027962788);
  --color-client-secondary-800-oklch: oklch(0.31420421983325064 0.1758199259663566 29.23388027962788);
  --color-client-secondary-900-oklch: oklch(0.2570761798635687 0.14065594077308527 29.23388027962788);
  --color-client-secondary-950-oklch: oklch(0.17138411990904578 0.11721328397757105 29.23388027962788);
  --color-client-secondary-header-oklch: oklch(0.5712803996968193 0.2344265679551421 29.23388027962788);
  --color-client-secondary-selected-oklch: oklch(0.6712803996968193 0.2344265679551421 29.23388027962788);
  --color-client-secondary-hover-oklch: oklch(0.6712803996968193 0.2109839111596279 29.23388027962788);
  --color-client-secondary-text-oklch: oklch(0.9712803996968193 0.08439356446385116 29.23388027962788);
  --color-client-secondary-footer-oklch: oklch(0.47128039969681934 0.1875412543641137 29.23388027962788);
}

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