:root {
--client-name: 'Seattle Youth Soccer Association';
--client-image: url("https://cdn.ottosport.ai/3a0gqa2b3n4hw/brand/61bb5db644956dc5bc856b0e.1705007576992.png?versionId=gVpRRV11TQ_95RAyy7laO6_SrEsawkUX") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/3a0gqa2b3n4hw/brand/client.logo.61bb5db644956dc5bc856b0e.1640098561861.png") no-repeat;
--client-primary: #004691;
--client-secondary: #5baa00;
--client-primary-darken: rgb(0, 63, 130);
--client-primary-lighten: rgb(0, 87, 181);
--client-sign-in-primary: #0052ab;
--client-sign-in-secondary: #003a78;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2021-12-16T14:53:00.424Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fb;
  --color-client-50: #f2f5fa;
  --color-client-100: #e2e8f1;
  --color-client-200: #c4d6ee;
  --color-client-300: #9ebadf;
  --color-client-400: #6791ca;
  --color-client-500: #004691;
  --color-client-600: #00347e;
  --color-client-700: #002565;
  --color-client-800: #001749;
  --color-client-900: #000f35;
  --color-client-950: #000320;
  --color-client-header: #004691;
  --color-client-selected: #2664b1;
  --color-client-hover: #2f64aa;
  --color-client-text: #9cc2f5;
  --color-client-footer: #002c65;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.003320270585329861 256.07057555104905);
  --color-client-50-oklch: oklch(0.97 0.006640541170659722 256.07057555104905);
  --color-client-100-oklch: oklch(0.93 0.013281082341319445 256.07057555104905);
  --color-client-200-oklch: oklch(0.87 0.03873649016218172 256.07057555104905);
  --color-client-300-oklch: oklch(0.78 0.0622550734749349 256.07057555104905);
  --color-client-400-oklch: oklch(0.65 0.09684122540545427 256.07057555104905);
  --color-client-500-oklch: oklch(0.40411862836942497 0.13834460772207754 256.07057555104905);
  --color-client-600-oklch: oklch(0.3435008341140112 0.13834460772207754 256.07057555104905);
  --color-client-700-oklch: oklch(0.2828830398585975 0.1245101469498698 256.07057555104905);
  --color-client-800-oklch: oklch(0.22226524560318375 0.10375845579155815 256.07057555104905);
  --color-client-900-oklch: oklch(0.18185338276624124 0.08300676463324652 256.07057555104905);
  --color-client-950-oklch: oklch(0.12123558851082748 0.06917230386103877 256.07057555104905);
  --color-client-header-oklch: oklch(0.40411862836942497 0.13834460772207754 256.07057555104905);
  --color-client-selected-oklch: oklch(0.504118628369425 0.13834460772207754 256.07057555104905);
  --color-client-hover-oklch: oklch(0.504118628369425 0.1245101469498698 256.07057555104905);
  --color-client-text-oklch: oklch(0.804118628369425 0.08300676463324652 256.07057555104905);
  --color-client-footer-oklch: oklch(0.30411862836942494 0.11067568617766205 256.07057555104905);
}

@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: #f7f9f6;
  --color-client-secondary-50: #f2f7f0;
  --color-client-secondary-100: #e3ebdf;
  --color-client-secondary-200: #c6ddb9;
  --color-client-secondary-300: #a0c48c;
  --color-client-secondary-400: #6ba147;
  --color-client-secondary-500: #5baa00;
  --color-client-secondary-600: #3d8b00;
  --color-client-secondary-700: #266b00;
  --color-client-secondary-800: #154c00;
  --color-client-secondary-900: #0e3800;
  --color-client-secondary-950: #001d00;
  --color-client-secondary-header: #5baa00;
  --color-client-secondary-selected: #7aca3b;
  --color-client-secondary-hover: #80c84e;
  --color-client-secondary-text: #ecffdb;
  --color-client-secondary-footer: #4b8715;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.004589807123444375 134.4783231912981);
  --color-client-secondary-50-oklch: oklch(0.97 0.00917961424688875 134.4783231912981);
  --color-client-secondary-100-oklch: oklch(0.93 0.0183592284937775 134.4783231912981);
  --color-client-secondary-200-oklch: oklch(0.87 0.053547749773517714 134.4783231912981);
  --color-client-secondary-300-oklch: oklch(0.78 0.08605888356458204 134.4783231912981);
  --color-client-secondary-400-oklch: oklch(0.65 0.13386937443379426 134.4783231912981);
  --color-client-secondary-500-oklch: oklch(0.6608590777208526 0.19124196347684896 134.4783231912981);
  --color-client-secondary-600-oklch: oklch(0.5617302160627247 0.19124196347684896 134.4783231912981);
  --color-client-secondary-700-oklch: oklch(0.4626013544045968 0.17211776712916407 134.4783231912981);
  --color-client-secondary-800-oklch: oklch(0.363472492746469 0.14343147260763672 134.4783231912981);
  --color-client-secondary-900-oklch: oklch(0.2973865849743837 0.11474517808610937 134.4783231912981);
  --color-client-secondary-950-oklch: oklch(0.19825772331625577 0.09562098173842448 134.4783231912981);
  --color-client-secondary-header-oklch: oklch(0.6608590777208526 0.19124196347684896 134.4783231912981);
  --color-client-secondary-selected-oklch: oklch(0.7608590777208526 0.19124196347684896 134.4783231912981);
  --color-client-secondary-hover-oklch: oklch(0.7608590777208526 0.17211776712916407 134.4783231912981);
  --color-client-secondary-text-oklch: oklch(1 0.06884710685166562 134.4783231912981);
  --color-client-secondary-footer-oklch: oklch(0.5608590777208526 0.15299357078147918 134.4783231912981);
}

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