:root {
--client-name: 'Alexandria Soccer Association';
--client-image: url("https://cdn.ottosport.ai/0xgqqprwus7d5/brand/5d1ca54802d066d69a78b44b.1578439105564.png") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/0xgqqprwus7d5/brand/client.logo.5d1ca54802d066d69a78b44b.1634567061079.png") no-repeat;
--client-primary: #1e367e;
--client-secondary: #d64439;
--client-primary-darken: rgb(27, 49, 114);
--client-primary-lighten: rgb(37, 66, 155);
--client-sign-in-primary: #b63026;
--client-sign-in-secondary: #d64439;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2014-04-22T17:56:59.848Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f9;
  --color-client-100: #e4e8f0;
  --color-client-200: #c9d4ec;
  --color-client-300: #a7b7dd;
  --color-client-400: #768ec5;
  --color-client-500: #1e367e;
  --color-client-600: #12266d;
  --color-client-700: #091957;
  --color-client-800: #040e3f;
  --color-client-900: #02082d;
  --color-client-950: #00011a;
  --color-client-header: #1e367e;
  --color-client-selected: #37539e;
  --color-client-hover: #3a5497;
  --color-client-text: #9bb1e2;
  --color-client-footer: #16295f;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.003016841803502608 266.1919490256615);
  --color-client-50-oklch: oklch(0.97 0.006033683607005216 266.1919490256615);
  --color-client-100-oklch: oklch(0.93 0.012067367214010432 266.1919490256615);
  --color-client-200-oklch: oklch(0.87 0.035196487707530436 266.1919490256615);
  --color-client-300-oklch: oklch(0.78 0.056565783815673905 266.1919490256615);
  --color-client-400-oklch: oklch(0.65 0.08799121926882607 266.1919490256615);
  --color-client-500-oklch: oklch(0.36017189357752594 0.12570174181260868 266.1919490256615);
  --color-client-600-oklch: oklch(0.30614610954089705 0.12570174181260868 266.1919490256615);
  --color-client-700-oklch: oklch(0.25212032550426816 0.11313156763134781 266.1919490256615);
  --color-client-800-oklch: oklch(0.19809454146763927 0.09427630635945651 266.1919490256615);
  --color-client-900-oklch: oklch(0.16207735210988666 0.07542104508756521 266.1919490256615);
  --color-client-950-oklch: oklch(0.10805156807325778 0.06285087090630434 266.1919490256615);
  --color-client-header-oklch: oklch(0.36017189357752594 0.12570174181260868 266.1919490256615);
  --color-client-selected-oklch: oklch(0.46017189357752597 0.12570174181260868 266.1919490256615);
  --color-client-hover-oklch: oklch(0.46017189357752597 0.11313156763134781 266.1919490256615);
  --color-client-text-oklch: oklch(0.7601718935775259 0.07542104508756521 266.1919490256615);
  --color-client-footer-oklch: oklch(0.3 0.10056139345008695 266.1919490256615);
}

@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: #f5c8c1;
  --color-client-secondary-300: #e8a39a;
  --color-client-secondary-400: #d26e61;
  --color-client-secondary-500: #d64439;
  --color-client-secondary-600: #b6221d;
  --color-client-secondary-700: #910709;
  --color-client-secondary-800: #6a0000;
  --color-client-secondary-900: #4f0001;
  --color-client-secondary-950: #2f0000;
  --color-client-secondary-header: #d64439;
  --color-client-secondary-selected: #fa6657;
  --color-client-secondary-hover: #f26d5f;
  --color-client-secondary-text: #ffede4;
  --color-client-secondary-footer: #a5362d;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0044258863166689805 28.29270693713092);
  --color-client-secondary-50-oklch: oklch(0.97 0.008851772633337961 28.29270693713092);
  --color-client-secondary-100-oklch: oklch(0.93 0.017703545266675922 28.29270693713092);
  --color-client-secondary-200-oklch: oklch(0.87 0.051635340361138114 28.29270693713092);
  --color-client-secondary-300-oklch: oklch(0.78 0.0829853684375434 28.29270693713092);
  --color-client-secondary-400-oklch: oklch(0.65 0.12908835090284526 28.29270693713092);
  --color-client-secondary-500-oklch: oklch(0.5937899278377968 0.18441192986120752 28.29270693713092);
  --color-client-secondary-600-oklch: oklch(0.5047214386621273 0.18441192986120752 28.29270693713092);
  --color-client-secondary-700-oklch: oklch(0.41565294948645776 0.1659707368750868 28.29270693713092);
  --color-client-secondary-800-oklch: oklch(0.3265844603107883 0.13830894739590566 28.29270693713092);
  --color-client-secondary-900-oklch: oklch(0.2672054675270086 0.11064715791672451 28.29270693713092);
  --color-client-secondary-950-oklch: oklch(0.17813697835133904 0.09220596493060376 28.29270693713092);
  --color-client-secondary-header-oklch: oklch(0.5937899278377968 0.18441192986120752 28.29270693713092);
  --color-client-secondary-selected-oklch: oklch(0.6937899278377968 0.18441192986120752 28.29270693713092);
  --color-client-secondary-hover-oklch: oklch(0.6937899278377968 0.1659707368750868 28.29270693713092);
  --color-client-secondary-text-oklch: oklch(0.9937899278377968 0.0663882947500347 28.29270693713092);
  --color-client-secondary-footer-oklch: oklch(0.49378992783779685 0.14752954388896602 28.29270693713092);
}

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