:root {
--client-name: 'Midwest City Soccer Club';
--client-image: url("https://cdn.ottosport.ai/2iidxh2oq8flk/brand/63f652d8369fc203fd57d49f.1709680749721.png?versionId=bcgO2rp6Wau7etk1tA_7vQAUS5wwiSLZ") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/2iidxh2oq8flk/brand/client.logo.63f652d8369fc203fd57d49f.1679600711453.png") no-repeat;
--client-primary: #400000;
--client-secondary: #e3be49;
--client-primary-darken: rgb(49, 0, 0);
--client-primary-lighten: rgb(100, 0, 0);
--client-sign-in-primary: #400000;
--client-sign-in-secondary: #730000;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-02-21T22:17:34.494Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #faf8f7;
  --color-client-50: #f8f4f3;
  --color-client-100: #eee6e4;
  --color-client-200: #e5ceca;
  --color-client-300: #d2aea8;
  --color-client-400: #b58078;
  --color-client-500: #400000;
  --color-client-600: #360000;
  --color-client-700: #290000;
  --color-client-800: #1c0000;
  --color-client-900: #120000;
  --color-client-950: #070000;
  --color-client-header: #400000;
  --color-client-selected: #5e1e17;
  --color-client-hover: #5b211a;
  --color-client-text: #aa7d76;
  --color-client-footer: #4d1c16;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002297473080958457 29.233880279627904);
  --color-client-50-oklch: oklch(0.97 0.004594946161916914 29.233880279627904);
  --color-client-100-oklch: oklch(0.93 0.009189892323833828 29.233880279627904);
  --color-client-200-oklch: oklch(0.87 0.026803852611182 29.233880279627904);
  --color-client-300-oklch: oklch(0.78 0.043077620267971066 29.233880279627904);
  --color-client-400-oklch: oklch(0.65 0.06700963152795499 29.233880279627904);
  --color-client-500-oklch: oklch(0.23328224402907352 0.0957280450399357 29.233880279627904);
  --color-client-600-oklch: oklch(0.19828990742471247 0.0957280450399357 29.233880279627904);
  --color-client-700-oklch: oklch(0.16329757082035146 0.08615524053594213 29.233880279627904);
  --color-client-800-oklch: oklch(0.12830523421599044 0.07179603377995178 29.233880279627904);
  --color-client-900-oklch: oklch(0.10497700981308308 0.05743682702396142 29.233880279627904);
  --color-client-950-oklch: oklch(0.06998467320872205 0.04786402251996785 29.233880279627904);
  --color-client-header-oklch: oklch(0.23328224402907352 0.0957280450399357 29.233880279627904);
  --color-client-selected-oklch: oklch(0.3332822440290735 0.0957280450399357 29.233880279627904);
  --color-client-hover-oklch: oklch(0.3332822440290735 0.08615524053594213 29.233880279627904);
  --color-client-text-oklch: oklch(0.6332822440290735 0.05743682702396142 29.233880279627904);
  --color-client-footer-oklch: oklch(0.3 0.07658243603194857 29.233880279627904);
}

@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: #f9f8f6;
  --color-client-secondary-50: #f7f5f0;
  --color-client-secondary-100: #ebe8de;
  --color-client-secondary-200: #ded4b8;
  --color-client-secondary-300: #c6b78a;
  --color-client-secondary-400: #a58d44;
  --color-client-secondary-500: #e3be49;
  --color-client-secondary-600: #bb970d;
  --color-client-secondary-700: #927300;
  --color-client-secondary-800: #6a5100;
  --color-client-secondary-900: #4f3c00;
  --color-client-secondary-950: #2c1e00;
  --color-client-secondary-header: #e3be49;
  --color-client-secondary-selected: #f7e1a2;
  --color-client-secondary-hover: #f5e1a9;
  --color-client-secondary-text: #ffffd9;
  --color-client-secondary-footer: #bca049;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0033301135090871106 91.22998957774361);
  --color-client-secondary-50-oklch: oklch(0.97 0.006660227018174221 91.22998957774361);
  --color-client-secondary-100-oklch: oklch(0.93 0.013320454036348442 91.22998957774361);
  --color-client-secondary-200-oklch: oklch(0.87 0.03885132427268296 91.22998957774361);
  --color-client-secondary-300-oklch: oklch(0.78 0.062439628295383326 91.22998957774361);
  --color-client-secondary-400-oklch: oklch(0.65 0.09712831068170738 91.22998957774361);
  --color-client-secondary-500-oklch: oklch(0.8129121956527028 0.13875472954529627 91.22998957774361);
  --color-client-secondary-600-oklch: oklch(0.6909753663047974 0.13875472954529627 91.22998957774361);
  --color-client-secondary-700-oklch: oklch(0.5690385369568919 0.12487925659076665 91.22998957774361);
  --color-client-secondary-800-oklch: oklch(0.44710170760898654 0.1040660471589722 91.22998957774361);
  --color-client-secondary-900-oklch: oklch(0.36581048804371624 0.08325283772717776 91.22998957774361);
  --color-client-secondary-950-oklch: oklch(0.24387365869581082 0.06937736477264814 91.22998957774361);
  --color-client-secondary-header-oklch: oklch(0.8129121956527028 0.13875472954529627 91.22998957774361);
  --color-client-secondary-selected-oklch: oklch(0.9129121956527028 0.08325283772717776 91.22998957774361);
  --color-client-secondary-hover-oklch: oklch(0.9129121956527028 0.07492755395445999 91.22998957774361);
  --color-client-secondary-text-oklch: oklch(1 0.049951702636306654 91.22998957774361);
  --color-client-secondary-footer-oklch: oklch(0.7129121956527028 0.11100378363623703 91.22998957774361);
}

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