:root {
--client-name: 'Burlington Youth Lacrosse Association';
--client-image: url("https://assets.ottosport.ai/1abgzia3jz8gu/brand/62a3713644956dc5bc6aa36e.1707923738250.png?versionId=WNpAWrKj4g0kItHn8xYiOIvAfvdnLHEC") no-repeat;
--client-avatar: url("https://assets.ottosport.ai/1abgzia3jz8gu/brand/client.logo.62a3713644956dc5bc6aa36e.1707923819608.png?versionId=1tX0jbbwUBO9KQwuUUNJMjtV6LMOwL1L") no-repeat;
--client-primary: #0e235b;
--client-secondary: #c5172d;
--client-primary-darken: rgb(12, 30, 78);
--client-primary-lighten: rgb(19, 47, 122);
--client-sign-in-primary: #122c71;
--client-sign-in-secondary: #0b1b45;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-05-12T13:33:25.237Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f9;
  --color-client-100: #e4e8ef;
  --color-client-200: #cbd4e8;
  --color-client-300: #a9b8d6;
  --color-client-400: #798fbc;
  --color-client-500: #0e235b;
  --color-client-600: #06174f;
  --color-client-700: #020e3e;
  --color-client-800: #01062c;
  --color-client-900: #00041f;
  --color-client-950: #000011;
  --color-client-header: #0e235b;
  --color-client-selected: #263e79;
  --color-client-hover: #293f74;
  --color-client-text: #8598bf;
  --color-client-footer: #182b57;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0025015708221599224 264.76437653156205);
  --color-client-50-oklch: oklch(0.97 0.005003141644319845 264.76437653156205);
  --color-client-100-oklch: oklch(0.93 0.01000628328863969 264.76437653156205);
  --color-client-200-oklch: oklch(0.87 0.029184992925199094 264.76437653156205);
  --color-client-300-oklch: oklch(0.78 0.046904452915498544 264.76437653156205);
  --color-client-400-oklch: oklch(0.65 0.07296248231299772 264.76437653156205);
  --color-client-500-oklch: oklch(0.2792341638621631 0.10423211758999676 264.76437653156205);
  --color-client-600-oklch: oklch(0.23734903928283863 0.10423211758999676 264.76437653156205);
  --color-client-700-oklch: oklch(0.19546391470351415 0.09380890583099709 264.76437653156205);
  --color-client-800-oklch: oklch(0.1535787901241897 0.07817408819249758 264.76437653156205);
  --color-client-900-oklch: oklch(0.1256553737379734 0.06253927055399805 264.76437653156205);
  --color-client-950-oklch: oklch(0.08377024915864893 0.05211605879499838 264.76437653156205);
  --color-client-header-oklch: oklch(0.2792341638621631 0.10423211758999676 264.76437653156205);
  --color-client-selected-oklch: oklch(0.37923416386216313 0.10423211758999676 264.76437653156205);
  --color-client-hover-oklch: oklch(0.37923416386216313 0.09380890583099709 264.76437653156205);
  --color-client-text-oklch: oklch(0.6792341638621631 0.06253927055399805 264.76437653156205);
  --color-client-footer-oklch: oklch(0.3 0.08338569407199742 264.76437653156205);
}

@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: #fcf7f7;
  --color-client-secondary-50: #fcf3f2;
  --color-client-secondary-100: #f5e3e2;
  --color-client-secondary-200: #f8c6c3;
  --color-client-secondary-300: #eca09c;
  --color-client-secondary-400: #d86866;
  --color-client-secondary-500: #c5172d;
  --color-client-secondary-600: #a90014;
  --color-client-secondary-700: #860004;
  --color-client-secondary-800: #620000;
  --color-client-secondary-900: #490000;
  --color-client-secondary-950: #2b0000;
  --color-client-secondary-header: #c5172d;
  --color-client-secondary-selected: #e9434a;
  --color-client-secondary-hover: #e14f52;
  --color-client-secondary-text: #ffd5d0;
  --color-client-secondary-footer: #931120;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.004850694564326976 22.99702829046938);
  --color-client-secondary-50-oklch: oklch(0.97 0.009701389128653952 22.99702829046938);
  --color-client-secondary-100-oklch: oklch(0.93 0.019402778257307903 22.99702829046938);
  --color-client-secondary-200-oklch: oklch(0.87 0.05659143658381472 22.99702829046938);
  --color-client-secondary-300-oklch: oklch(0.78 0.0909505230811308 22.99702829046938);
  --color-client-secondary-400-oklch: oklch(0.65 0.14147859145953678 22.99702829046938);
  --color-client-secondary-500-oklch: oklch(0.5272878364262217 0.20211227351362399 22.99702829046938);
  --color-client-secondary-600-oklch: oklch(0.44819466096228844 0.20211227351362399 22.99702829046938);
  --color-client-secondary-700-oklch: oklch(0.36910148549835514 0.1819010461622616 22.99702829046938);
  --color-client-secondary-800-oklch: oklch(0.29000831003442196 0.15158420513521798 22.99702829046938);
  --color-client-secondary-900-oklch: oklch(0.23727952639179975 0.12126736410817439 22.99702829046938);
  --color-client-secondary-950-oklch: oklch(0.1581863509278665 0.10105613675681199 22.99702829046938);
  --color-client-secondary-header-oklch: oklch(0.5272878364262217 0.20211227351362399 22.99702829046938);
  --color-client-secondary-selected-oklch: oklch(0.6272878364262217 0.20211227351362399 22.99702829046938);
  --color-client-secondary-hover-oklch: oklch(0.6272878364262217 0.1819010461622616 22.99702829046938);
  --color-client-secondary-text-oklch: oklch(0.9272878364262217 0.07276041846490464 22.99702829046938);
  --color-client-secondary-footer-oklch: oklch(0.4272878364262217 0.1616898188108992 22.99702829046938);
}

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