:root {
--client-name: 'Elmhurst Baseball and Softball League';
--client-image: url("https://cdn.ottosport.ai/36hcd9jfwd6be/brand/646cdc1f369fc203fd73bd96.1707776067290.png?versionId=pt9jyL_82o_b49uyUrM3vvY7HaPTxaau") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/36hcd9jfwd6be/brand/client.logo.646cdc1f369fc203fd73bd96.1684855868849.png?versionId=b3VbmHvNznvMuHXhmehNbAKI_Vv_qiLo") no-repeat;
--client-primary: #023013;
--client-secondary: #0f8947;
--client-primary-darken: rgb(1, 33, 13);
--client-primary-lighten: rgb(3, 82, 33);
--client-sign-in-primary: #023013;
--client-sign-in-secondary: #02833d;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-04-27T02:42:22.641Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f9f8;
  --color-client-50: #f3f6f4;
  --color-client-100: #e5e9e5;
  --color-client-200: #cbd8ce;
  --color-client-300: #a9bead;
  --color-client-400: #7a9880;
  --color-client-500: #023013;
  --color-client-600: #002609;
  --color-client-700: #001b04;
  --color-client-800: #001101;
  --color-client-900: #000a01;
  --color-client-950: #000300;
  --color-client-header: #023013;
  --color-client-selected: #204b2c;
  --color-client-hover: #244a2e;
  --color-client-text: #839e88;
  --color-client-footer: #15361e;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0017064408223881453 150.71878644964968);
  --color-client-50-oklch: oklch(0.97 0.0034128816447762905 150.71878644964968);
  --color-client-100-oklch: oklch(0.93 0.006825763289552581 150.71878644964968);
  --color-client-200-oklch: oklch(0.87 0.01990847626119503 150.71878644964968);
  --color-client-300-oklch: oklch(0.78 0.03199576541977772 150.71878644964968);
  --color-client-400-oklch: oklch(0.65 0.04977119065298756 150.71878644964968);
  --color-client-500-oklch: oklch(0.27133557851677037 0.07110170093283938 150.71878644964968);
  --color-client-600-oklch: oklch(0.23063524173925481 0.07110170093283938 150.71878644964968);
  --color-client-700-oklch: oklch(0.18993490496173926 0.06399153083955544 150.71878644964968);
  --color-client-800-oklch: oklch(0.1492345681842237 0.053326275699629534 150.71878644964968);
  --color-client-900-oklch: oklch(0.12210101033254667 0.042661020559703625 150.71878644964968);
  --color-client-950-oklch: oklch(0.08140067355503111 0.03555085046641969 150.71878644964968);
  --color-client-header-oklch: oklch(0.27133557851677037 0.07110170093283938 150.71878644964968);
  --color-client-selected-oklch: oklch(0.37133557851677035 0.07110170093283938 150.71878644964968);
  --color-client-hover-oklch: oklch(0.37133557851677035 0.06399153083955544 150.71878644964968);
  --color-client-text-oklch: oklch(0.6713355785167704 0.042661020559703625 150.71878644964968);
  --color-client-footer-oklch: oklch(0.3 0.05688136074627151 150.71878644964968);
}

@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: #f7f9f7;
  --color-client-secondary-50: #f2f6f3;
  --color-client-secondary-100: #e2ebe3;
  --color-client-secondary-200: #c2dcc8;
  --color-client-secondary-300: #9ac4a4;
  --color-client-secondary-400: #5ea171;
  --color-client-secondary-500: #0f8947;
  --color-client-secondary-600: #00702f;
  --color-client-secondary-700: #00561e;
  --color-client-secondary-800: #003d10;
  --color-client-secondary-900: #002c0a;
  --color-client-secondary-950: #001601;
  --color-client-secondary-header: #0f8947;
  --color-client-secondary-selected: #3da864;
  --color-client-secondary-hover: #4ba669;
  --color-client-secondary-text: #d7fadf;
  --color-client-secondary-footer: #0f6735;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0033770441611066676 152.19079654513317);
  --color-client-secondary-50-oklch: oklch(0.97 0.006754088322213335 152.19079654513317);
  --color-client-secondary-100-oklch: oklch(0.93 0.01350817664442667 152.19079654513317);
  --color-client-secondary-200-oklch: oklch(0.87 0.039398848546244467 152.19079654513317);
  --color-client-secondary-300-oklch: oklch(0.78 0.06331957802075003 152.19079654513317);
  --color-client-secondary-400-oklch: oklch(0.65 0.09849712136561115 152.19079654513317);
  --color-client-secondary-500-oklch: oklch(0.5536415735863113 0.1407101733794445 152.19079654513317);
  --color-client-secondary-600-oklch: oklch(0.4705953375483646 0.1407101733794445 152.19079654513317);
  --color-client-secondary-700-oklch: oklch(0.3875491015104179 0.12663915604150006 152.19079654513317);
  --color-client-secondary-800-oklch: oklch(0.30450286547247124 0.10553263003458338 152.19079654513317);
  --color-client-secondary-900-oklch: oklch(0.2491387081138401 0.08442610402766669 152.19079654513317);
  --color-client-secondary-950-oklch: oklch(0.16609247207589337 0.07035508668972225 152.19079654513317);
  --color-client-secondary-header-oklch: oklch(0.5536415735863113 0.1407101733794445 152.19079654513317);
  --color-client-secondary-selected-oklch: oklch(0.6536415735863113 0.1407101733794445 152.19079654513317);
  --color-client-secondary-hover-oklch: oklch(0.6536415735863113 0.12663915604150006 152.19079654513317);
  --color-client-secondary-text-oklch: oklch(0.9536415735863113 0.050655662416600016 152.19079654513317);
  --color-client-secondary-footer-oklch: oklch(0.4536415735863113 0.1125681387035556 152.19079654513317);
}

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