:root {
--client-name: 'Medway Youth Lacrosse';
--client-image: url("https://assets.ottosport.ai/097dkxvy9d47x/brand/633ba51844956dc5bc5486e2.1671057763531.png") no-repeat;
--client-avatar: url("https://assets.ottosport.ai/097dkxvy9d47x/brand/client.logo.633ba51844956dc5bc5486e2.1671057740152.png") no-repeat;
--client-primary: #032d57;
--client-secondary: #c3c3c3;
--client-primary-darken: rgb(2, 37, 72);
--client-primary-lighten: rgb(4, 63, 121);
--client-sign-in-primary: #032241;
--client-sign-in-secondary: #011326;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-05-12T13:34:40.224Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f8;
  --color-client-100: #e4e8ed;
  --color-client-200: #c9d6e4;
  --color-client-300: #a6b9d1;
  --color-client-400: #7592b4;
  --color-client-500: #032d57;
  --color-client-600: #00214a;
  --color-client-700: #00173a;
  --color-client-800: #000d29;
  --color-client-900: #00071c;
  --color-client-950: #00020e;
  --color-client-header: #032d57;
  --color-client-selected: #214874;
  --color-client-hover: #254870;
  --color-client-text: #87a0be;
  --color-client-footer: #112f50;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.002102451088167984 253.09201113566053);
  --color-client-50-oklch: oklch(0.97 0.004204902176335968 253.09201113566053);
  --color-client-100-oklch: oklch(0.93 0.008409804352671937 253.09201113566053);
  --color-client-200-oklch: oklch(0.87 0.024528596028626486 253.09201113566053);
  --color-client-300-oklch: oklch(0.78 0.03942095790314971 253.09201113566053);
  --color-client-400-oklch: oklch(0.65 0.061321490071566204 253.09201113566053);
  --color-client-500-oklch: oklch(0.2966660706278355 0.08760212867366601 253.09201113566053);
  --color-client-600-oklch: oklch(0.25216616003366016 0.08760212867366601 253.09201113566053);
  --color-client-700-oklch: oklch(0.20766624943948483 0.07884191580629941 253.09201113566053);
  --color-client-800-oklch: oklch(0.16316633884530954 0.06570159650524951 253.09201113566053);
  --color-client-900-oklch: oklch(0.13349973178252597 0.052561277204199605 253.09201113566053);
  --color-client-950-oklch: oklch(0.08899982118835065 0.04380106433683301 253.09201113566053);
  --color-client-header-oklch: oklch(0.2966660706278355 0.08760212867366601 253.09201113566053);
  --color-client-selected-oklch: oklch(0.39666607062783554 0.08760212867366601 253.09201113566053);
  --color-client-hover-oklch: oklch(0.39666607062783554 0.07884191580629941 253.09201113566053);
  --color-client-text-oklch: oklch(0.6966660706278356 0.052561277204199605 253.09201113566053);
  --color-client-footer-oklch: oklch(0.3 0.07008170293893282 253.09201113566053);
}

@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: #b7b7b7;
  --color-client-secondary-400: #8f8f8f;
  --color-client-secondary-500: #c3c3c3;
  --color-client-secondary-600: #9d9d9d;
  --color-client-secondary-700: #787878;
  --color-client-secondary-800: #555555;
  --color-client-secondary-900: #3f3f3f;
  --color-client-secondary-950: #202020;
  --color-client-secondary-header: #c3c3c3;
  --color-client-secondary-selected: #e3e3e3;
  --color-client-secondary-hover: #e3e3e3;
  --color-client-secondary-text: #ffffff;
  --color-client-secondary-footer: #a4a4a4;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0 0);
  --color-client-secondary-50-oklch: oklch(0.97 0 0);
  --color-client-secondary-100-oklch: oklch(0.93 0 0);
  --color-client-secondary-200-oklch: oklch(0.87 0 0);
  --color-client-secondary-300-oklch: oklch(0.78 0 0);
  --color-client-secondary-400-oklch: oklch(0.65 0 0);
  --color-client-secondary-500-oklch: oklch(0.8171926909945806 0 0);
  --color-client-secondary-600-oklch: oklch(0.6946137873453935 0 0);
  --color-client-secondary-700-oklch: oklch(0.5720348836962064 0 0);
  --color-client-secondary-800-oklch: oklch(0.44945598004701937 0 0);
  --color-client-secondary-900-oklch: oklch(0.3677367109475613 0 0);
  --color-client-secondary-950-oklch: oklch(0.24515780729837416 0 0);
  --color-client-secondary-header-oklch: oklch(0.8171926909945806 0 0);
  --color-client-secondary-selected-oklch: oklch(0.9171926909945806 0 0);
  --color-client-secondary-hover-oklch: oklch(0.9171926909945806 0 0);
  --color-client-secondary-text-oklch: oklch(1 0 0);
  --color-client-secondary-footer-oklch: oklch(0.7171926909945806 0 0);
}

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