:root {
--client-name: 'Affton Athletic Association, Inc.';
--client-image: url("https://cdn.ottosport.ai/3h3hq4y5bhetk/brand/646bccb6369fc203fd28343e.1698161670381.png?versionId=0AIQHdbKR5od.GOg3GlGqTx_Zx_T1fRN") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/3h3hq4y5bhetk/brand/client.logo.646bccb6369fc203fd28343e.1687301654290.png?versionId=hy60T8Elk.5UAWS7L5Odg5D4NXNMArGU") no-repeat;
--client-primary: #262262;
--client-secondary: #e61220;
--client-primary-darken: rgb(34, 30, 87);
--client-primary-lighten: rgb(48, 43, 124);
--client-sign-in-primary: #262262;
--client-sign-in-secondary: #352f88;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-05-22T17:09:05.923Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8fa;
  --color-client-50: #f4f5f9;
  --color-client-100: #e6e7ef;
  --color-client-200: #d0d2e9;
  --color-client-300: #b1b5d7;
  --color-client-400: #868abd;
  --color-client-500: #262262;
  --color-client-600: #1c1555;
  --color-client-700: #130b43;
  --color-client-800: #0b0430;
  --color-client-900: #060322;
  --color-client-950: #020012;
  --color-client-header: #262262;
  --color-client-selected: #3e3e80;
  --color-client-hover: #3e3f7b;
  --color-client-text: #969ac7;
  --color-client-footer: #272658;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002624958237682433 280.2901294536027);
  --color-client-50-oklch: oklch(0.97 0.005249916475364866 280.2901294536027);
  --color-client-100-oklch: oklch(0.93 0.010499832950729732 280.2901294536027);
  --color-client-200-oklch: oklch(0.87 0.03062451277296172 280.2901294536027);
  --color-client-300-oklch: oklch(0.78 0.049217966956545615 280.2901294536027);
  --color-client-400-oklch: oklch(0.65 0.07656128193240429 280.2901294536027);
  --color-client-500-oklch: oklch(0.2992583455634565 0.1093732599034347 280.2901294536027);
  --color-client-600-oklch: oklch(0.254369593728938 0.1093732599034347 280.2901294536027);
  --color-client-700-oklch: oklch(0.20948084189441954 0.09843593391309123 280.2901294536027);
  --color-client-800-oklch: oklch(0.16459209005990108 0.08202994492757602 280.2901294536027);
  --color-client-900-oklch: oklch(0.13466625550355543 0.06562395594206082 280.2901294536027);
  --color-client-950-oklch: oklch(0.08977750366903695 0.05468662995171735 280.2901294536027);
  --color-client-header-oklch: oklch(0.2992583455634565 0.1093732599034347 280.2901294536027);
  --color-client-selected-oklch: oklch(0.3992583455634565 0.1093732599034347 280.2901294536027);
  --color-client-hover-oklch: oklch(0.3992583455634565 0.09843593391309123 280.2901294536027);
  --color-client-text-oklch: oklch(0.6992583455634565 0.06562395594206082 280.2901294536027);
  --color-client-footer-oklch: oklch(0.3 0.08749860792274777 280.2901294536027);
}

@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: #f7e3e0;
  --color-client-secondary-200: #fdc5bd;
  --color-client-secondary-300: #f39d93;
  --color-client-secondary-400: #e16057;
  --color-client-secondary-500: #e61220;
  --color-client-secondary-600: #c60000;
  --color-client-secondary-700: #9e0000;
  --color-client-secondary-800: #740000;
  --color-client-secondary-900: #560000;
  --color-client-secondary-950: #340000;
  --color-client-secondary-header: #e61220;
  --color-client-secondary-selected: #ff4742;
  --color-client-secondary-hover: #ff564e;
  --color-client-secondary-text: #ffe6dc;
  --color-client-secondary-footer: #b1161b;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.005584762628957985 26.80388830451022);
  --color-client-secondary-50-oklch: oklch(0.97 0.01116952525791597 26.80388830451022);
  --color-client-secondary-100-oklch: oklch(0.93 0.02233905051583194 26.80388830451022);
  --color-client-secondary-200-oklch: oklch(0.87 0.06515556400450982 26.80388830451022);
  --color-client-secondary-300-oklch: oklch(0.78 0.10471429929296222 26.80388830451022);
  --color-client-secondary-400-oklch: oklch(0.65 0.16288891001127453 26.80388830451022);
  --color-client-secondary-500-oklch: oklch(0.5862033321378364 0.23269844287324937 26.80388830451022);
  --color-client-secondary-600-oklch: oklch(0.4982728323171609 0.23269844287324937 26.80388830451022);
  --color-client-secondary-700-oklch: oklch(0.41034233249648544 0.20942859858592444 26.80388830451022);
  --color-client-secondary-800-oklch: oklch(0.32241183267581003 0.17452383215493703 26.80388830451022);
  --color-client-secondary-900-oklch: oklch(0.2637914994620264 0.1396190657239496 26.80388830451022);
  --color-client-secondary-950-oklch: oklch(0.1758609996413509 0.11634922143662468 26.80388830451022);
  --color-client-secondary-header-oklch: oklch(0.5862033321378364 0.23269844287324937 26.80388830451022);
  --color-client-secondary-selected-oklch: oklch(0.6862033321378364 0.23269844287324937 26.80388830451022);
  --color-client-secondary-hover-oklch: oklch(0.6862033321378364 0.20942859858592444 26.80388830451022);
  --color-client-secondary-text-oklch: oklch(0.9862033321378364 0.08377143943436977 26.80388830451022);
  --color-client-secondary-footer-oklch: oklch(0.4862033321378364 0.18615875429859952 26.80388830451022);
}

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