:root {
--client-name: 'McLean Youth Volleyball';
--client-image: url("https://cdn.ottosport.ai/2cc0z3woxlgjz/brand/64a71994369fc203fd9155ab.1696002650621.png?versionId=7lDNTctc99HYjOiErcRcndYNW.CZmyfT") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/2cc0z3woxlgjz/brand/client.logo.64a71994369fc203fd9155ab.1696002180065.png?versionId=XAEjpzMilq8DLmcKb9yqglv0NbpUzxmc") no-repeat;
--client-primary: #273460;
--client-secondary: #ef1218;
--client-primary-darken: rgb(35, 46, 85);
--client-primary-lighten: rgb(49, 66, 121);
--client-sign-in-primary: #273460;
--client-sign-in-secondary: #202a4e;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-07-06T16:37:48.889Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8fa;
  --color-client-50: #f4f5f8;
  --color-client-100: #e6e8ed;
  --color-client-200: #ced4e3;
  --color-client-300: #aeb7cf;
  --color-client-400: #818eb2;
  --color-client-500: #273460;
  --color-client-600: #1b2751;
  --color-client-700: #111b40;
  --color-client-800: #09102d;
  --color-client-900: #05091f;
  --color-client-950: #010210;
  --color-client-header: #273460;
  --color-client-selected: #404f7e;
  --color-client-hover: #425079;
  --color-client-text: #9ea9c9;
  --color-client-footer: #212c4e;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0019021883876095135 269.417197758362);
  --color-client-50-oklch: oklch(0.97 0.003804376775219027 269.417197758362);
  --color-client-100-oklch: oklch(0.93 0.007608753550438054 269.417197758362);
  --color-client-200-oklch: oklch(0.87 0.022192197855444327 269.417197758362);
  --color-client-300-oklch: oklch(0.78 0.03566603226767838 269.417197758362);
  --color-client-400-oklch: oklch(0.65 0.05548049463861081 269.417197758362);
  --color-client-500-oklch: oklch(0.33752238570301185 0.07925784948372973 269.417197758362);
  --color-client-600-oklch: oklch(0.2868940278475601 0.07925784948372973 269.417197758362);
  --color-client-700-oklch: oklch(0.23626566999210827 0.07133206453535676 269.417197758362);
  --color-client-800-oklch: oklch(0.18563731213665655 0.0594433871127973 269.417197758362);
  --color-client-900-oklch: oklch(0.15188507356635533 0.04755470969023783 269.417197758362);
  --color-client-950-oklch: oklch(0.10125671571090356 0.039628924741864864 269.417197758362);
  --color-client-header-oklch: oklch(0.33752238570301185 0.07925784948372973 269.417197758362);
  --color-client-selected-oklch: oklch(0.43752238570301183 0.07925784948372973 269.417197758362);
  --color-client-hover-oklch: oklch(0.43752238570301183 0.07133206453535676 269.417197758362);
  --color-client-text-oklch: oklch(0.7375223857030119 0.04755470969023783 269.417197758362);
  --color-client-footer-oklch: oklch(0.3 0.06340627958698379 269.417197758362);
}

@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: #f7e2df;
  --color-client-secondary-200: #fec4bc;
  --color-client-secondary-300: #f59c90;
  --color-client-secondary-400: #e35e52;
  --color-client-secondary-500: #ef1218;
  --color-client-secondary-600: #cd0000;
  --color-client-secondary-700: #a40000;
  --color-client-secondary-800: #790000;
  --color-client-secondary-900: #5a0000;
  --color-client-secondary-950: #370000;
  --color-client-secondary-header: #ef1218;
  --color-client-secondary-selected: #ff483e;
  --color-client-secondary-hover: #ff584b;
  --color-client-secondary-text: #ffeadf;
  --color-client-secondary-footer: #b91917;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.005773696189923877 28.053390606560736);
  --color-client-secondary-50-oklch: oklch(0.97 0.011547392379847754 28.053390606560736);
  --color-client-secondary-100-oklch: oklch(0.93 0.023094784759695508 28.053390606560736);
  --color-client-secondary-200-oklch: oklch(0.87 0.06735978888244523 28.053390606560736);
  --color-client-secondary-300-oklch: oklch(0.78 0.1082568035610727 28.053390606560736);
  --color-client-secondary-400-oklch: oklch(0.65 0.16839947220611307 28.053390606560736);
  --color-client-secondary-500-oklch: oklch(0.6025056391217309 0.24057067458016154 28.053390606560736);
  --color-client-secondary-600-oklch: oklch(0.5121297932534713 0.24057067458016154 28.053390606560736);
  --color-client-secondary-700-oklch: oklch(0.42175394738521166 0.2165136071221454 28.053390606560736);
  --color-client-secondary-800-oklch: oklch(0.331378101516952 0.18042800593512115 28.053390606560736);
  --color-client-secondary-900-oklch: oklch(0.2711275376047789 0.14434240474809693 28.053390606560736);
  --color-client-secondary-950-oklch: oklch(0.18075169173651928 0.12028533729008077 28.053390606560736);
  --color-client-secondary-header-oklch: oklch(0.6025056391217309 0.24057067458016154 28.053390606560736);
  --color-client-secondary-selected-oklch: oklch(0.7025056391217309 0.24057067458016154 28.053390606560736);
  --color-client-secondary-hover-oklch: oklch(0.7025056391217309 0.2165136071221454 28.053390606560736);
  --color-client-secondary-text-oklch: oklch(1 0.08660544284885816 28.053390606560736);
  --color-client-secondary-footer-oklch: oklch(0.502505639121731 0.19245653966412923 28.053390606560736);
}

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