:root {
--client-name: 'FC Dulles';
--client-image: url("https://cdn.ottosport.ai/1puzzehlajbi8/brand/60a6771a44956dc5bcb8fa39.1708027758211.png?versionId=W28i4BLeybwxx6.MC631xFuGQfvxHXyV") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/1puzzehlajbi8/brand/client.logo.60a6771a44956dc5bcb8fa39.1708026994347.png?versionId=MRgYW7MgDszANeZCVPYWKMEH9FFHf5LD") no-repeat;
--client-primary: #252525;
--client-secondary: #c5b26b;
--client-primary-darken: rgb(29, 29, 29);
--client-primary-lighten: rgb(55, 55, 55);
--client-sign-in-primary: #333333;
--client-sign-in-secondary: #000000;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2015-10-30T16:58:48.322Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f8;
  --color-client-50: #f5f5f5;
  --color-client-100: #e8e8e8;
  --color-client-200: #d4d4d4;
  --color-client-300: #b7b7b7;
  --color-client-400: #8f8f8f;
  --color-client-500: #252525;
  --color-client-600: #1c1c1c;
  --color-client-700: #131313;
  --color-client-800: #0a0a0a;
  --color-client-900: #060606;
  --color-client-950: #020202;
  --color-client-header: #252525;
  --color-client-selected: #3e3e3e;
  --color-client-hover: #3e3e3e;
  --color-client-text: #939393;
  --color-client-footer: #2e2e2e;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0 0);
  --color-client-50-oklch: oklch(0.97 0 0);
  --color-client-100-oklch: oklch(0.93 0 0);
  --color-client-200-oklch: oklch(0.87 0 0);
  --color-client-300-oklch: oklch(0.78 0 0);
  --color-client-400-oklch: oklch(0.65 0 0);
  --color-client-500-oklch: oklch(0.2644796726260613 0 0);
  --color-client-600-oklch: oklch(0.2248077217321521 0 0);
  --color-client-700-oklch: oklch(0.1851357708382429 0 0);
  --color-client-800-oklch: oklch(0.14546381994433374 0 0);
  --color-client-900-oklch: oklch(0.1190158526817276 0 0);
  --color-client-950-oklch: oklch(0.07934390178781839 0 0);
  --color-client-header-oklch: oklch(0.2644796726260613 0 0);
  --color-client-selected-oklch: oklch(0.3644796726260613 0 0);
  --color-client-hover-oklch: oklch(0.3644796726260613 0 0);
  --color-client-text-oklch: oklch(0.6644796726260613 0 0);
  --color-client-footer-oklch: oklch(0.3 0 0);
}

@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: #f9f8f7;
  --color-client-secondary-50: #f6f5f2;
  --color-client-secondary-100: #eae8e1;
  --color-client-secondary-200: #d9d4c1;
  --color-client-secondary-300: #c0b899;
  --color-client-secondary-400: #9c8f61;
  --color-client-secondary-500: #c5b26b;
  --color-client-secondary-600: #a18e48;
  --color-client-secondary-700: #7d6c2e;
  --color-client-secondary-800: #594c1a;
  --color-client-secondary-900: #423813;
  --color-client-secondary-950: #241c00;
  --color-client-secondary-header: #c5b26b;
  --color-client-secondary-selected: #e5d28a;
  --color-client-secondary-hover: #e4d292;
  --color-client-secondary-text: #ffffe6;
  --color-client-secondary-footer: #a2935d;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0022487317950221518 94.86640848474701);
  --color-client-secondary-50-oklch: oklch(0.97 0.0044974635900443035 94.86640848474701);
  --color-client-secondary-100-oklch: oklch(0.93 0.008994927180088607 94.86640848474701);
  --color-client-secondary-200-oklch: oklch(0.87 0.02623520427525844 94.86640848474701);
  --color-client-secondary-300-oklch: oklch(0.78 0.04216372115666534 94.86640848474701);
  --color-client-secondary-400-oklch: oklch(0.65 0.06558801068814608 94.86640848474701);
  --color-client-secondary-500-oklch: oklch(0.764068701569324 0.09369715812592298 94.86640848474701);
  --color-client-secondary-600-oklch: oklch(0.6494583963339254 0.09369715812592298 94.86640848474701);
  --color-client-secondary-700-oklch: oklch(0.5348480910985268 0.08432744231333068 94.86640848474701);
  --color-client-secondary-800-oklch: oklch(0.42023778586312827 0.07027286859444223 94.86640848474701);
  --color-client-secondary-900-oklch: oklch(0.34383091570619584 0.05621829487555379 94.86640848474701);
  --color-client-secondary-950-oklch: oklch(0.2292206104707972 0.04684857906296149 94.86640848474701);
  --color-client-secondary-header-oklch: oklch(0.764068701569324 0.09369715812592298 94.86640848474701);
  --color-client-secondary-selected-oklch: oklch(0.864068701569324 0.09369715812592298 94.86640848474701);
  --color-client-secondary-hover-oklch: oklch(0.864068701569324 0.08432744231333068 94.86640848474701);
  --color-client-secondary-text-oklch: oklch(1 0.03373097692533227 94.86640848474701);
  --color-client-secondary-footer-oklch: oklch(0.6640687015693241 0.07495772650073838 94.86640848474701);
}

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