:root {
--client-name: 'Medfield Youth Lacrosse';
--client-image: url("https://cdn.ottosport.ai/1vvkevunqay9f/brand/6391860c44956dc5bc0f039c.1710192141480.png?versionId=Fp4p8PkMafrUyfbWn6wgD85uQnx5Z2wj") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/1vvkevunqay9f/brand/client.logo.6391860c44956dc5bc0f039c.1710192291749.png?versionId=cs51qammFPM9pOBNvvYxJTRc0aO4tNd6") no-repeat;
--client-primary: #183562;
--client-secondary: #62a9dc;
--client-primary-darken: rgb(21, 46, 86);
--client-primary-lighten: rgb(31, 69, 127);
--client-sign-in-primary: #8cc0e5;
--client-sign-in-secondary: #4d9ed7;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-12-08T04:32:36.418Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f8;
  --color-client-100: #e4e8ee;
  --color-client-200: #cbd5e5;
  --color-client-300: #a9b9d1;
  --color-client-400: #7990b5;
  --color-client-500: #183562;
  --color-client-600: #0b2854;
  --color-client-700: #041c41;
  --color-client-800: #01102e;
  --color-client-900: #010a20;
  --color-client-950: #000211;
  --color-client-header: #183562;
  --color-client-selected: #325080;
  --color-client-hover: #35517b;
  --color-client-text: #95aaca;
  --color-client-footer: #172d50;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002086327685096462 258.9621595154439);
  --color-client-50-oklch: oklch(0.97 0.004172655370192924 258.9621595154439);
  --color-client-100-oklch: oklch(0.93 0.008345310740385848 258.9621595154439);
  --color-client-200-oklch: oklch(0.87 0.024340489659458727 258.9621595154439);
  --color-client-300-oklch: oklch(0.78 0.039118644095558666 258.9621595154439);
  --color-client-400-oklch: oklch(0.65 0.060851224148646806 258.9621595154439);
  --color-client-500-oklch: oklch(0.33274493962391094 0.08693032021235259 258.9621595154439);
  --color-client-600-oklch: oklch(0.2828331986803243 0.08693032021235259 258.9621595154439);
  --color-client-700-oklch: oklch(0.23292145773673764 0.07823728819111733 258.9621595154439);
  --color-client-800-oklch: oklch(0.18300971679315103 0.06519774015926444 258.9621595154439);
  --color-client-900-oklch: oklch(0.14973522283075993 0.05215819212741155 258.9621595154439);
  --color-client-950-oklch: oklch(0.09982348188717328 0.04346516010617629 258.9621595154439);
  --color-client-header-oklch: oklch(0.33274493962391094 0.08693032021235259 258.9621595154439);
  --color-client-selected-oklch: oklch(0.4327449396239109 0.08693032021235259 258.9621595154439);
  --color-client-hover-oklch: oklch(0.4327449396239109 0.07823728819111733 258.9621595154439);
  --color-client-text-oklch: oklch(0.732744939623911 0.05215819212741155 258.9621595154439);
  --color-client-footer-oklch: oklch(0.3 0.06954425616988207 258.9621595154439);
}

@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: #f7f9fa;
  --color-client-secondary-50: #f2f6f8;
  --color-client-secondary-100: #e2e9ee;
  --color-client-secondary-200: #c4d7e6;
  --color-client-secondary-300: #9ebcd3;
  --color-client-secondary-400: #6695b8;
  --color-client-secondary-500: #62a9dc;
  --color-client-secondary-600: #4188b9;
  --color-client-secondary-700: #286892;
  --color-client-secondary-800: #16496b;
  --color-client-secondary-900: #0f364f;
  --color-client-secondary-950: #001b2e;
  --color-client-secondary-header: #62a9dc;
  --color-client-secondary-selected: #81c9fe;
  --color-client-secondary-hover: #89c8f8;
  --color-client-secondary-text: #eaffff;
  --color-client-secondary-footer: #5389b0;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.002488623643450661 241.49765256688136);
  --color-client-secondary-50-oklch: oklch(0.97 0.004977247286901322 241.49765256688136);
  --color-client-secondary-100-oklch: oklch(0.93 0.009954494573802644 241.49765256688136);
  --color-client-secondary-200-oklch: oklch(0.87 0.02903394250692438 241.49765256688136);
  --color-client-secondary-300-oklch: oklch(0.78 0.046661693314699895 241.49765256688136);
  --color-client-secondary-400-oklch: oklch(0.65 0.07258485626731094 241.49765256688136);
  --color-client-secondary-500-oklch: oklch(0.7086800966197545 0.10369265181044421 241.49765256688136);
  --color-client-secondary-600-oklch: oklch(0.6023780821267913 0.10369265181044421 241.49765256688136);
  --color-client-secondary-700-oklch: oklch(0.4960760676338281 0.09332338662939979 241.49765256688136);
  --color-client-secondary-800-oklch: oklch(0.389774053140865 0.07776948885783316 241.49765256688136);
  --color-client-secondary-900-oklch: oklch(0.3189060434788895 0.06221559108626652 241.49765256688136);
  --color-client-secondary-950-oklch: oklch(0.21260402898592634 0.051846325905222104 241.49765256688136);
  --color-client-secondary-header-oklch: oklch(0.7086800966197545 0.10369265181044421 241.49765256688136);
  --color-client-secondary-selected-oklch: oklch(0.8086800966197545 0.10369265181044421 241.49765256688136);
  --color-client-secondary-hover-oklch: oklch(0.8086800966197545 0.09332338662939979 241.49765256688136);
  --color-client-secondary-text-oklch: oklch(1 0.03732935465175991 241.49765256688136);
  --color-client-secondary-footer-oklch: oklch(0.6086800966197545 0.08295412144835537 241.49765256688136);
}

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