:root {
--client-name: 'Northern Virginia Soccer Club';
--client-image: url("https://cdn.ottosport.ai/082iax11ap5tk/brand/5c6ae71502d066d69a9d1bf9.1699288701385.png?versionId=jFvQka7PFEV2I9VthiuJMBtvJ_lSMF5w") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/082iax11ap5tk/brand/client.logo.5c6ae71502d066d69a9d1bf9.1699288661502.png?versionId=8v.HPaQ_wUSTucB__F2f3zv.yBZiIVgs") no-repeat;
--client-primary: #273370;
--client-secondary: #ffc933;
--client-primary-darken: rgb(35, 46, 101);
--client-primary-lighten: rgb(48, 63, 138);
--client-sign-in-primary: #273370;
--client-sign-in-secondary: #212b5d;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2014-03-21T13:28:35.000Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8fa;
  --color-client-50: #f4f5f9;
  --color-client-100: #e5e8ef;
  --color-client-200: #cdd4e8;
  --color-client-300: #acb6d7;
  --color-client-400: #7f8dbd;
  --color-client-500: #273370;
  --color-client-600: #1b2560;
  --color-client-700: #11184c;
  --color-client-800: #090e37;
  --color-client-900: #050827;
  --color-client-950: #010116;
  --color-client-header: #273370;
  --color-client-selected: #404f8f;
  --color-client-hover: #425089;
  --color-client-text: #9eabd6;
  --color-client-footer: #1f2958;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002542849340639367 271.4611603466778);
  --color-client-50-oklch: oklch(0.97 0.005085698681278734 271.4611603466778);
  --color-client-100-oklch: oklch(0.93 0.010171397362557469 271.4611603466778);
  --color-client-200-oklch: oklch(0.87 0.02966657564079262 271.4611603466778);
  --color-client-300-oklch: oklch(0.78 0.04767842513698814 271.4611603466778);
  --color-client-400-oklch: oklch(0.65 0.07416643910198153 271.4611603466778);
  --color-client-500-oklch: oklch(0.34718435042472934 0.10595205585997364 271.4611603466778);
  --color-client-600-oklch: oklch(0.29510669786101995 0.10595205585997364 271.4611603466778);
  --color-client-700-oklch: oklch(0.2430290452973105 0.09535685027397628 271.4611603466778);
  --color-client-800-oklch: oklch(0.19095139273360115 0.07946404189498023 271.4611603466778);
  --color-client-900-oklch: oklch(0.15623295769112822 0.06357123351598418 271.4611603466778);
  --color-client-950-oklch: oklch(0.1041553051274188 0.05297602792998682 271.4611603466778);
  --color-client-header-oklch: oklch(0.34718435042472934 0.10595205585997364 271.4611603466778);
  --color-client-selected-oklch: oklch(0.44718435042472937 0.10595205585997364 271.4611603466778);
  --color-client-hover-oklch: oklch(0.44718435042472937 0.09535685027397628 271.4611603466778);
  --color-client-text-oklch: oklch(0.7471843504247293 0.06357123351598418 271.4611603466778);
  --color-client-footer-oklch: oklch(0.3 0.08476164468797892 271.4611603466778);
}

@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: #f9f8f5;
  --color-client-secondary-50: #f7f5ef;
  --color-client-secondary-100: #ece7dc;
  --color-client-secondary-200: #e1d3b3;
  --color-client-secondary-300: #ccb581;
  --color-client-secondary-400: #ad8a2f;
  --color-client-secondary-500: #ffc933;
  --color-client-secondary-600: #d49f00;
  --color-client-secondary-700: #a67900;
  --color-client-secondary-800: #795500;
  --color-client-secondary-900: #5b3f00;
  --color-client-secondary-950: #341f00;
  --color-client-secondary-header: #ffc933;
  --color-client-secondary-selected: #ffefa5;
  --color-client-secondary-hover: #ffefad;
  --color-client-secondary-text: #fffed2;
  --color-client-secondary-footer: #d5ab41;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.003921913203126829 87.12719507825177);
  --color-client-secondary-50-oklch: oklch(0.97 0.007843826406253657 87.12719507825177);
  --color-client-secondary-100-oklch: oklch(0.93 0.015687652812507315 87.12719507825177);
  --color-client-secondary-200-oklch: oklch(0.87 0.04575565403647967 87.12719507825177);
  --color-client-secondary-300-oklch: oklch(0.78 0.07353587255862805 87.12719507825177);
  --color-client-secondary-400-oklch: oklch(0.65 0.11438913509119916 87.12719507825177);
  --color-client-secondary-500-oklch: oklch(0.8607855285039253 0.16341305013028454 87.12719507825177);
  --color-client-secondary-600-oklch: oklch(0.7316676992283365 0.16341305013028454 87.12719507825177);
  --color-client-secondary-700-oklch: oklch(0.6025498699527477 0.1470717451172561 87.12719507825177);
  --color-client-secondary-800-oklch: oklch(0.47343204067715894 0.12255978759771341 87.12719507825177);
  --color-client-secondary-900-oklch: oklch(0.3873534878267664 0.09804783007817072 87.12719507825177);
  --color-client-secondary-950-oklch: oklch(0.2582356585511776 0.08170652506514227 87.12719507825177);
  --color-client-secondary-header-oklch: oklch(0.8607855285039253 0.16341305013028454 87.12719507825177);
  --color-client-secondary-selected-oklch: oklch(0.9607855285039253 0.09804783007817072 87.12719507825177);
  --color-client-secondary-hover-oklch: oklch(0.9607855285039253 0.08824304707035366 87.12719507825177);
  --color-client-secondary-text-oklch: oklch(1 0.05882869804690243 87.12719507825177);
  --color-client-secondary-footer-oklch: oklch(0.7607855285039253 0.13073044010422763 87.12719507825177);
}

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