:root {
--client-name: 'Blue Ridge Youth Soccer Association';
--client-image: url("https://cdn.ottosport.ai/0nxidf0wzm22j/brand/6142582444956dc5bc747f7f.1699551967867.png?versionId=UoWa8WeEZHpXHiKvGPbqbfxIs7zoezPD") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/0nxidf0wzm22j/brand/client.logo.6142582444956dc5bc747f7f.1635955043739.png") no-repeat;
--client-primary: #1b2c5f;
--client-secondary: #f56e00;
--client-primary-darken: rgb(24, 38, 83);
--client-primary-lighten: rgb(35, 57, 123);
--client-sign-in-primary: #15234b;
--client-sign-in-secondary: #203673;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2021-09-15T14:19:46.806Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8fa;
  --color-client-50: #f4f5f8;
  --color-client-100: #e5e8ee;
  --color-client-200: #ccd4e6;
  --color-client-300: #abb7d3;
  --color-client-400: #7d8eb8;
  --color-client-500: #1b2c5f;
  --color-client-600: #112051;
  --color-client-700: #091540;
  --color-client-800: #040b2d;
  --color-client-900: #020620;
  --color-client-950: #000111;
  --color-client-header: #1b2c5f;
  --color-client-selected: #33477d;
  --color-client-hover: #364878;
  --color-client-text: #92a1c5;
  --color-client-footer: #1d2b53;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0022429335446910274 266.97917020118814);
  --color-client-50-oklch: oklch(0.97 0.004485867089382055 266.97917020118814);
  --color-client-100-oklch: oklch(0.93 0.00897173417876411 266.97917020118814);
  --color-client-200-oklch: oklch(0.87 0.02616755802139532 266.97917020118814);
  --color-client-300-oklch: oklch(0.78 0.04205500396295676 266.97917020118814);
  --color-client-400-oklch: oklch(0.65 0.06541889505348829 266.97917020118814);
  --color-client-500-oklch: oklch(0.31019600670547604 0.09345556436212614 266.97917020118814);
  --color-client-600-oklch: oklch(0.2636666056996546 0.09345556436212614 266.97917020118814);
  --color-client-700-oklch: oklch(0.2171372046938332 0.08411000792591353 266.97917020118814);
  --color-client-800-oklch: oklch(0.17060780368801184 0.0700916732715946 266.97917020118814);
  --color-client-900-oklch: oklch(0.13958820301746422 0.05607333861727568 266.97917020118814);
  --color-client-950-oklch: oklch(0.09305880201164281 0.04672778218106307 266.97917020118814);
  --color-client-header-oklch: oklch(0.31019600670547604 0.09345556436212614 266.97917020118814);
  --color-client-selected-oklch: oklch(0.41019600670547607 0.09345556436212614 266.97917020118814);
  --color-client-hover-oklch: oklch(0.41019600670547607 0.08411000792591353 266.97917020118814);
  --color-client-text-oklch: oklch(0.710196006705476 0.05607333861727568 266.97917020118814);
  --color-client-footer-oklch: oklch(0.3 0.07476445148970091 266.97917020118814);
}

@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: #fbf8f6;
  --color-client-secondary-50: #fbf3f0;
  --color-client-secondary-100: #f3e5de;
  --color-client-secondary-200: #f3cbb7;
  --color-client-secondary-300: #e5a788;
  --color-client-secondary-400: #cf7341;
  --color-client-secondary-500: #f56e00;
  --color-client-secondary-600: #d04c00;
  --color-client-secondary-700: #a63200;
  --color-client-secondary-800: #7a1d00;
  --color-client-secondary-900: #5b1500;
  --color-client-secondary-950: #360000;
  --color-client-secondary-header: #f56e00;
  --color-client-secondary-selected: #ff8f3c;
  --color-client-secondary-hover: #ff954f;
  --color-client-secondary-text: #fff2d8;
  --color-client-secondary-footer: #c35c18;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.004533046399982921 47.80610456409149);
  --color-client-secondary-50-oklch: oklch(0.97 0.009066092799965841 47.80610456409149);
  --color-client-secondary-100-oklch: oklch(0.93 0.018132185599931683 47.80610456409149);
  --color-client-secondary-200-oklch: oklch(0.87 0.052885541333134084 47.80610456409149);
  --color-client-secondary-300-oklch: oklch(0.78 0.08499461999967976 47.80610456409149);
  --color-client-secondary-400-oklch: oklch(0.65 0.1322138533328352 47.80610456409149);
  --color-client-secondary-500-oklch: oklch(0.6914826971684539 0.1888769333326217 47.80610456409149);
  --color-client-secondary-600-oklch: oklch(0.5877602925931859 0.1888769333326217 47.80610456409149);
  --color-client-secondary-700-oklch: oklch(0.4840378880179177 0.16998923999935953 47.80610456409149);
  --color-client-secondary-800-oklch: oklch(0.38031548344264965 0.14165769999946629 47.80610456409149);
  --color-client-secondary-900-oklch: oklch(0.31116721372580425 0.11332615999957302 47.80610456409149);
  --color-client-secondary-950-oklch: oklch(0.20744480915053617 0.09443846666631085 47.80610456409149);
  --color-client-secondary-header-oklch: oklch(0.6914826971684539 0.1888769333326217 47.80610456409149);
  --color-client-secondary-selected-oklch: oklch(0.7914826971684539 0.1888769333326217 47.80610456409149);
  --color-client-secondary-hover-oklch: oklch(0.7914826971684539 0.16998923999935953 47.80610456409149);
  --color-client-secondary-text-oklch: oklch(1 0.06799569599974381 47.80610456409149);
  --color-client-secondary-footer-oklch: oklch(0.5914826971684539 0.15110154666609737 47.80610456409149);
}

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