:root {
--client-name: 'Below the Belt Sports, Inc';
--client-image: url("https://prod-assets.demosphere.com/1eq3w82g5ij0h/brand/66bae8d1274b2b9fbe4bbfe8.1724685900522.png?versionId=1j0KS9kqqQbMNcz1Iv54HbB4myRrZbyy") no-repeat;
--client-avatar: url("https://prod-assets.demosphere.com/1eq3w82g5ij0h/brand/client.logo.66bae8d1274b2b9fbe4bbfe8.1724685893525.png?versionId=Rf7pBhSrORfczAJ2twaHsuJWuHCWNfTh") no-repeat;
--client-primary: #001b32;
--client-secondary: #c6c7c8;
--client-primary-darken: rgb(0, 19, 35);
--client-primary-lighten: rgb(0, 46, 86);
--client-sign-in-primary: #00294c;
--client-sign-in-secondary: #000d19;
}
:root {
  --color-client-25: #f8f8f9;
  --color-client-50: #f4f5f7;
  --color-client-100: #e5e8eb;
  --color-client-200: #ccd5de;
  --color-client-300: #abb9c7;
  --color-client-400: #7c92a7;
  --color-client-500: #001b32;
  --color-client-600: #00132a;
  --color-client-700: #000c1f;
  --color-client-800: #000614;
  --color-client-900: #00030c;
  --color-client-950: #000105;
  --color-client-header: #001b32;
  --color-client-selected: #17344d;
  --color-client-hover: #1b344a;
  --color-client-text: #758799;
  --color-client-footer: #1a3043;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0013579542766280755 246.8394462268173);
  --color-client-50-oklch: oklch(0.97 0.002715908553256151 246.8394462268173);
  --color-client-100-oklch: oklch(0.93 0.005431817106512302 246.8394462268173);
  --color-client-200-oklch: oklch(0.87 0.015842799893994213 246.8394462268173);
  --color-client-300-oklch: oklch(0.78 0.025461642686776413 246.8394462268173);
  --color-client-400-oklch: oklch(0.65 0.03960699973498553 246.8394462268173);
  --color-client-500-oklch: oklch(0.21595657667213666 0.05658142819283647 246.8394462268173);
  --color-client-600-oklch: oklch(0.18356309017131617 0.05658142819283647 246.8394462268173);
  --color-client-700-oklch: oklch(0.15116960367049564 0.050923285373552826 246.8394462268173);
  --color-client-800-oklch: oklch(0.11877611716967518 0.04243607114462736 246.8394462268173);
  --color-client-900-oklch: oklch(0.0971804595024615 0.03394885691570188 246.8394462268173);
  --color-client-950-oklch: oklch(0.06478697300164099 0.028290714096418236 246.8394462268173);
  --color-client-header-oklch: oklch(0.21595657667213666 0.05658142819283647 246.8394462268173);
  --color-client-selected-oklch: oklch(0.31595657667213667 0.05658142819283647 246.8394462268173);
  --color-client-hover-oklch: oklch(0.31595657667213667 0.050923285373552826 246.8394462268173);
  --color-client-text-oklch: oklch(0.6159565766721367 0.03394885691570188 246.8394462268173);
  --color-client-footer-oklch: oklch(0.3 0.04526514255426918 246.8394462268173);
}

@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: #f8f8f8;
  --color-client-secondary-50: #f5f5f5;
  --color-client-secondary-100: #e8e8e8;
  --color-client-secondary-200: #d4d4d4;
  --color-client-secondary-300: #b7b7b8;
  --color-client-secondary-400: #8e8f90;
  --color-client-secondary-500: #c6c7c8;
  --color-client-secondary-600: #9fa0a1;
  --color-client-secondary-700: #7a7a7b;
  --color-client-secondary-800: #565758;
  --color-client-secondary-900: #404141;
  --color-client-secondary-950: #212122;
  --color-client-secondary-header: #c6c7c8;
  --color-client-secondary-selected: #e7e7e8;
  --color-client-secondary-hover: #e7e7e8;
  --color-client-secondary-text: #ffffff;
  --color-client-secondary-footer: #a7a7a8;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.00004274344318571453 247.84379539699933);
  --color-client-secondary-50-oklch: oklch(0.97 0.00008548688637142905 247.84379539699933);
  --color-client-secondary-100-oklch: oklch(0.93 0.0001709737727428581 247.84379539699933);
  --color-client-secondary-200-oklch: oklch(0.87 0.0004986735038333362 247.84379539699933);
  --color-client-secondary-300-oklch: oklch(0.78 0.0008014395597321474 247.84379539699933);
  --color-client-secondary-400-oklch: oklch(0.65 0.0012466837595833402 247.84379539699933);
  --color-client-secondary-500-oklch: oklch(0.8291807705754967 0.0017809767994047718 247.84379539699933);
  --color-client-secondary-600-oklch: oklch(0.7048036549891722 0.0017809767994047718 247.84379539699933);
  --color-client-secondary-700-oklch: oklch(0.5804265394028476 0.0016028791194642948 247.84379539699933);
  --color-client-secondary-800-oklch: oklch(0.4560494238165232 0.001335732599553579 247.84379539699933);
  --color-client-secondary-900-oklch: oklch(0.3731313467589735 0.0010685860796428631 247.84379539699933);
  --color-client-secondary-950-oklch: oklch(0.248754231172649 0.0008904883997023859 247.84379539699933);
  --color-client-secondary-header-oklch: oklch(0.8291807705754967 0.0017809767994047718 247.84379539699933);
  --color-client-secondary-selected-oklch: oklch(0.9291807705754966 0.0010685860796428631 247.84379539699933);
  --color-client-secondary-hover-oklch: oklch(0.9291807705754966 0.0009617274716785768 247.84379539699933);
  --color-client-secondary-text-oklch: oklch(1 0.0006411516477857178 247.84379539699933);
  --color-client-secondary-footer-oklch: oklch(0.7291807705754967 0.0014247814395238175 247.84379539699933);
}

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