:root {
--client-name: 'Groton-Dunstable Youth Lacrosse';
--client-image: url("https://cdn.ottosport.ai/0rgkzwca586l2/brand/630fa73a44956dc5bc6690e6.1707430934815.png?versionId=XPd.g1YczUj9j5nADoBhcYkjqibHh7VQ") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/0rgkzwca586l2/brand/client.logo.630fa73a44956dc5bc6690e6.1707430943389.png?versionId=x7RHfuD15V.0FUCCxBZIrWRu5lfXpOwa") no-repeat;
--client-primary: #660000;
--client-secondary: #808080;
--client-primary-darken: rgb(87, 0, 0);
--client-primary-lighten: rgb(138, 0, 0);
--client-sign-in-primary: #800000;
--client-sign-in-secondary: #4d0000;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-05-12T13:34:05.032Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #faf8f7;
  --color-client-50: #f9f4f3;
  --color-client-100: #f0e5e3;
  --color-client-200: #ecccc6;
  --color-client-300: #dbaaa2;
  --color-client-400: #c1796e;
  --color-client-500: #660000;
  --color-client-600: #570000;
  --color-client-700: #440000;
  --color-client-800: #300000;
  --color-client-900: #220000;
  --color-client-950: #120000;
  --color-client-header: #660000;
  --color-client-selected: #86271e;
  --color-client-hover: #822d24;
  --color-client-text: #d29288;
  --color-client-footer: #570f09;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0031557651174607244 29.23388027962788);
  --color-client-50-oklch: oklch(0.97 0.006311530234921449 29.23388027962788);
  --color-client-100-oklch: oklch(0.93 0.012623060469842897 29.23388027962788);
  --color-client-200-oklch: oklch(0.87 0.03681725970370846 29.23388027962788);
  --color-client-300-oklch: oklch(0.78 0.059170595952388584 29.23388027962788);
  --color-client-400-oklch: oklch(0.65 0.09204314925927112 29.23388027962788);
  --color-client-500-oklch: oklch(0.32043203218850763 0.13149021322753018 29.23388027962788);
  --color-client-600-oklch: oklch(0.2723672273602315 0.13149021322753018 29.23388027962788);
  --color-client-700-oklch: oklch(0.22430242253195531 0.11834119190477717 29.23388027962788);
  --color-client-800-oklch: oklch(0.1762376177036792 0.09861765992064764 29.23388027962788);
  --color-client-900-oklch: oklch(0.14419441448482845 0.07889412793651811 29.23388027962788);
  --color-client-950-oklch: oklch(0.09612960965655229 0.06574510661376509 29.23388027962788);
  --color-client-header-oklch: oklch(0.32043203218850763 0.13149021322753018 29.23388027962788);
  --color-client-selected-oklch: oklch(0.42043203218850767 0.13149021322753018 29.23388027962788);
  --color-client-hover-oklch: oklch(0.42043203218850767 0.11834119190477717 29.23388027962788);
  --color-client-text-oklch: oklch(0.7204320321885076 0.07889412793651811 29.23388027962788);
  --color-client-footer-oklch: oklch(0.3 0.10519217058202415 29.23388027962788);
}

@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: #808080;
  --color-client-secondary-600: #666666;
  --color-client-secondary-700: #4d4d4d;
  --color-client-secondary-800: #353535;
  --color-client-secondary-900: #262626;
  --color-client-secondary-950: #121212;
  --color-client-secondary-header: #808080;
  --color-client-secondary-selected: #9e9e9e;
  --color-client-secondary-hover: #9e9e9e;
  --color-client-secondary-text: #ffffff;
  --color-client-secondary-footer: #636363;

  /* 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(0.5998708056221468 0 0);
  --color-client-secondary-600-oklch: oklch(0.5098901847788248 0 0);
  --color-client-secondary-700-oklch: oklch(0.4199095639355027 0 0);
  --color-client-secondary-800-oklch: oklch(0.32992894309218074 0 0);
  --color-client-secondary-900-oklch: oklch(0.26994186252996605 0 0);
  --color-client-secondary-950-oklch: oklch(0.17996124168664404 0 0);
  --color-client-secondary-header-oklch: oklch(0.5998708056221468 0 0);
  --color-client-secondary-selected-oklch: oklch(0.6998708056221468 0 0);
  --color-client-secondary-hover-oklch: oklch(0.6998708056221468 0 0);
  --color-client-secondary-text-oklch: oklch(0.9998708056221468 0 0);
  --color-client-secondary-footer-oklch: oklch(0.4998708056221468 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);
  }
}