:root {
--client-name: 'Tiffiny’s International Soccer Organization';
--client-image: url("https://cdn.ottosport.ai/0g1tk2yk2ezgi/brand/655512db42b65b5208f578c8.1701200580794.png?versionId=UMgRx7XE5kq2bRZ0LhDjWC77KIQecGZS") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/0g1tk2yk2ezgi/brand/client.logo.655512db42b65b5208f578c8.1701198948570.png?versionId=F.7xpX9cne1mZg0atgyyISQdyYKBr2pY") no-repeat;
--client-primary: #002c66;
--client-secondary: #c22828;
--client-primary-darken: rgb(0, 37, 87);
--client-primary-lighten: rgb(0, 59, 138);
--client-sign-in-primary: #00214d;
--client-sign-in-secondary: #003780;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-10-17T04:14:37.562Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f9;
  --color-client-100: #e3e8ef;
  --color-client-200: #c8d5e9;
  --color-client-300: #a4b9d8;
  --color-client-400: #7191bf;
  --color-client-500: #002c66;
  --color-client-600: #001f58;
  --color-client-700: #001446;
  --color-client-800: #000a32;
  --color-client-900: #000623;
  --color-client-950: #000114;
  --color-client-header: #002c66;
  --color-client-selected: #1d4884;
  --color-client-hover: #23497f;
  --color-client-text: #86a2ca;
  --color-client-footer: #0c2c5a;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0026872439915129934 257.728317913279);
  --color-client-50-oklch: oklch(0.97 0.005374487983025987 257.728317913279);
  --color-client-100-oklch: oklch(0.93 0.010748975966051974 257.728317913279);
  --color-client-200-oklch: oklch(0.87 0.03135117990098493 257.728317913279);
  --color-client-300-oklch: oklch(0.78 0.050385824840868634 257.728317913279);
  --color-client-400-oklch: oklch(0.65 0.07837794975246232 257.728317913279);
  --color-client-500-oklch: oklch(0.30603292907738355 0.11196849964637474 257.728317913279);
  --color-client-600-oklch: oklch(0.260127989715776 0.11196849964637474 257.728317913279);
  --color-client-700-oklch: oklch(0.21422305035416847 0.10077164968173727 257.728317913279);
  --color-client-800-oklch: oklch(0.16831811099256097 0.08397637473478106 257.728317913279);
  --color-client-900-oklch: oklch(0.1377148180848226 0.06718109978782484 257.728317913279);
  --color-client-950-oklch: oklch(0.09180987872321507 0.05598424982318737 257.728317913279);
  --color-client-header-oklch: oklch(0.30603292907738355 0.11196849964637474 257.728317913279);
  --color-client-selected-oklch: oklch(0.40603292907738353 0.11196849964637474 257.728317913279);
  --color-client-hover-oklch: oklch(0.40603292907738353 0.10077164968173727 257.728317913279);
  --color-client-text-oklch: oklch(0.7060329290773836 0.06718109978782484 257.728317913279);
  --color-client-footer-oklch: oklch(0.3 0.0895747997170998 257.728317913279);
}

@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: #fbf7f7;
  --color-client-secondary-50: #fbf3f2;
  --color-client-secondary-100: #f4e4e1;
  --color-client-secondary-200: #f6c8c2;
  --color-client-secondary-300: #e9a39a;
  --color-client-secondary-400: #d46c62;
  --color-client-secondary-500: #c22828;
  --color-client-secondary-600: #a6000b;
  --color-client-secondary-700: #840000;
  --color-client-secondary-800: #600000;
  --color-client-secondary-900: #470000;
  --color-client-secondary-950: #2a0000;
  --color-client-secondary-header: #c22828;
  --color-client-secondary-selected: #e64d46;
  --color-client-secondary-hover: #de574e;
  --color-client-secondary-text: #ffd8d0;
  --color-client-secondary-footer: #911d1d;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.004559443316663377 26.630417914548975);
  --color-client-secondary-50-oklch: oklch(0.97 0.009118886633326754 26.630417914548975);
  --color-client-secondary-100-oklch: oklch(0.93 0.018237773266653507 26.630417914548975);
  --color-client-secondary-200-oklch: oklch(0.87 0.053193505361072736 26.630417914548975);
  --color-client-secondary-300-oklch: oklch(0.78 0.08548956218743832 26.630417914548975);
  --color-client-secondary-400-oklch: oklch(0.65 0.1329837634026818 26.630417914548975);
  --color-client-secondary-500-oklch: oklch(0.5312914993727349 0.18997680486097404 26.630417914548975);
  --color-client-secondary-600-oklch: oklch(0.45159777446682464 0.18997680486097404 26.630417914548975);
  --color-client-secondary-700-oklch: oklch(0.3719040495609144 0.17097912437487664 26.630417914548975);
  --color-client-secondary-800-oklch: oklch(0.29221032465500424 0.14248260364573054 26.630417914548975);
  --color-client-secondary-900-oklch: oklch(0.23908117471773072 0.11398608291658442 26.630417914548975);
  --color-client-secondary-950-oklch: oklch(0.15938744981182046 0.09498840243048702 26.630417914548975);
  --color-client-secondary-header-oklch: oklch(0.5312914993727349 0.18997680486097404 26.630417914548975);
  --color-client-secondary-selected-oklch: oklch(0.6312914993727349 0.18997680486097404 26.630417914548975);
  --color-client-secondary-hover-oklch: oklch(0.6312914993727349 0.17097912437487664 26.630417914548975);
  --color-client-secondary-text-oklch: oklch(0.9312914993727349 0.06839164974995066 26.630417914548975);
  --color-client-secondary-footer-oklch: oklch(0.4312914993727349 0.15198144388877924 26.630417914548975);
}

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