:root {
--client-name: 'North Central Youth Lacrosse';
--client-image: url("https://cdn.ottosport.ai/0xyk3k2e7mli7/brand/633c5f0544956dc5bcab3c52.1711060120579.png?versionId=ymlv9TfzK9CKyOkIDbhDVymX_A57IGIt") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/0xyk3k2e7mli7/brand/client.logo.633c5f0544956dc5bcab3c52.1711059934473.png?versionId=cyji2BTSW0z6XnMMfChHaOGiC3vDyCT3") no-repeat;
--client-primary: #121212;
--client-secondary: #cfb875;
--client-primary-darken: rgb(10, 10, 10);
--client-primary-lighten: rgb(36, 36, 36);
--client-sign-in-primary: #2b2b2b;
--client-sign-in-secondary: #000000;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-05-12T13:35:01.989Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f8;
  --color-client-50: #f5f5f5;
  --color-client-100: #e8e8e8;
  --color-client-200: #d4d4d4;
  --color-client-300: #b7b7b7;
  --color-client-400: #8f8f8f;
  --color-client-500: #121212;
  --color-client-600: #0c0c0c;
  --color-client-700: #070707;
  --color-client-800: #030303;
  --color-client-900: #020202;
  --color-client-950: #010101;
  --color-client-header: #121212;
  --color-client-selected: #292929;
  --color-client-hover: #292929;
  --color-client-text: #7b7b7b;
  --color-client-footer: #2e2e2e;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0 0);
  --color-client-50-oklch: oklch(0.97 0 0);
  --color-client-100-oklch: oklch(0.93 0 0);
  --color-client-200-oklch: oklch(0.87 0 0);
  --color-client-300-oklch: oklch(0.78 0 0);
  --color-client-400-oklch: oklch(0.65 0 0);
  --color-client-500-oklch: oklch(0.18220370283599863 0 0);
  --color-client-600-oklch: oklch(0.15487314741059882 0 0);
  --color-client-700-oklch: oklch(0.12754259198519904 0 0);
  --color-client-800-oklch: oklch(0.10021203655979925 0 0);
  --color-client-900-oklch: oklch(0.08199166627619939 0 0);
  --color-client-950-oklch: oklch(0.05466111085079959 0 0);
  --color-client-header-oklch: oklch(0.18220370283599863 0 0);
  --color-client-selected-oklch: oklch(0.2822037028359986 0 0);
  --color-client-hover-oklch: oklch(0.2822037028359986 0 0);
  --color-client-text-oklch: oklch(0.5822037028359986 0 0);
  --color-client-footer-oklch: oklch(0.3 0 0);
}

@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: #f9f8f7;
  --color-client-secondary-50: #f6f5f2;
  --color-client-secondary-100: #eae8e1;
  --color-client-secondary-200: #dad4c2;
  --color-client-secondary-300: #c1b79a;
  --color-client-secondary-400: #9d8e62;
  --color-client-secondary-500: #cfb875;
  --color-client-secondary-600: #a99351;
  --color-client-secondary-700: #837036;
  --color-client-secondary-800: #5e4f20;
  --color-client-secondary-900: #463a17;
  --color-client-secondary-950: #261d02;
  --color-client-secondary-header: #cfb875;
  --color-client-secondary-selected: #f0d894;
  --color-client-secondary-hover: #eed99c;
  --color-client-secondary-text: #ffffe7;
  --color-client-secondary-footer: #ab9966;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.002162128771964443 91.19206146006447);
  --color-client-secondary-50-oklch: oklch(0.97 0.004324257543928886 91.19206146006447);
  --color-client-secondary-100-oklch: oklch(0.93 0.008648515087857772 91.19206146006447);
  --color-client-secondary-200-oklch: oklch(0.87 0.025224835672918503 91.19206146006447);
  --color-client-secondary-300-oklch: oklch(0.78 0.040539914474333305 91.19206146006447);
  --color-client-secondary-400-oklch: oklch(0.65 0.06306208918229625 91.19206146006447);
  --color-client-secondary-500-oklch: oklch(0.7872182584846599 0.09008869883185179 91.19206146006447);
  --color-client-secondary-600-oklch: oklch(0.6691355197119608 0.09008869883185179 91.19206146006447);
  --color-client-secondary-700-oklch: oklch(0.5510527809392619 0.08107982894866661 91.19206146006447);
  --color-client-secondary-800-oklch: oklch(0.432970042166563 0.06756652412388885 91.19206146006447);
  --color-client-secondary-900-oklch: oklch(0.35424821631809694 0.054053219299111076 91.19206146006447);
  --color-client-secondary-950-oklch: oklch(0.23616547754539796 0.045044349415925895 91.19206146006447);
  --color-client-secondary-header-oklch: oklch(0.7872182584846599 0.09008869883185179 91.19206146006447);
  --color-client-secondary-selected-oklch: oklch(0.8872182584846598 0.09008869883185179 91.19206146006447);
  --color-client-secondary-hover-oklch: oklch(0.8872182584846598 0.08107982894866661 91.19206146006447);
  --color-client-secondary-text-oklch: oklch(1 0.032431931579466645 91.19206146006447);
  --color-client-secondary-footer-oklch: oklch(0.6872182584846599 0.07207095906548143 91.19206146006447);
}

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