:root {
--client-name: 'Allen Sports Association';
--client-image: url("https://assets.ottosport.ai/1vdpsfgkgyrij/brand/652e8e2742b65b52084a3781.1698961979936.png?versionId=wuNU27dGdYwgb3fsay277WH1hFCMeA31") no-repeat;
--client-avatar: url("https://assets.ottosport.ai/1vdpsfgkgyrij/brand/client.logo.652e8e2742b65b52084a3781.1698338222996.png?versionId=RAnnGyOxf0rHgUCw6XCL2tFb1v79TuCv") no-repeat;
--client-primary: #113987;
--client-secondary: #e3173e;
--client-primary-darken: rgb(15, 51, 121);
--client-primary-lighten: rgb(21, 70, 167);
--client-sign-in-primary: #001b48;
--client-sign-in-secondary: #002e7b;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2023-10-17T04:51:47.915Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fb;
  --color-client-50: #f3f5fa;
  --color-client-100: #e3e8f1;
  --color-client-200: #c7d5ee;
  --color-client-300: #a2b8e0;
  --color-client-400: #6e8fca;
  --color-client-500: #113987;
  --color-client-600: #022976;
  --color-client-700: #001b5e;
  --color-client-800: #000f45;
  --color-client-900: #000931;
  --color-client-950: #00011d;
  --color-client-header: #113987;
  --color-client-selected: #2c56a7;
  --color-client-hover: #3258a0;
  --color-client-text: #97b5ea;
  --color-client-footer: #0b2964;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0033171454822081615 261.8884954023337);
  --color-client-50-oklch: oklch(0.97 0.006634290964416323 261.8884954023337);
  --color-client-100-oklch: oklch(0.93 0.013268581928832646 261.8884954023337);
  --color-client-200-oklch: oklch(0.87 0.03870003062576189 261.8884954023337);
  --color-client-300-oklch: oklch(0.78 0.062196477791403026 261.8884954023337);
  --color-client-400-oklch: oklch(0.65 0.09675007656440471 261.8884954023337);
  --color-client-500-oklch: oklch(0.3696352788707795 0.13821439509200673 261.8884954023337);
  --color-client-600-oklch: oklch(0.3141899870401626 0.13821439509200673 261.8884954023337);
  --color-client-700-oklch: oklch(0.2587446952095456 0.12439295558280605 261.8884954023337);
  --color-client-800-oklch: oklch(0.20329940337892874 0.10366079631900504 261.8884954023337);
  --color-client-900-oklch: oklch(0.16633587549185078 0.08292863705520404 261.8884954023337);
  --color-client-950-oklch: oklch(0.11089058366123385 0.06910719754600336 261.8884954023337);
  --color-client-header-oklch: oklch(0.3696352788707795 0.13821439509200673 261.8884954023337);
  --color-client-selected-oklch: oklch(0.4696352788707795 0.13821439509200673 261.8884954023337);
  --color-client-hover-oklch: oklch(0.4696352788707795 0.12439295558280605 261.8884954023337);
  --color-client-text-oklch: oklch(0.7696352788707795 0.08292863705520404 261.8884954023337);
  --color-client-footer-oklch: oklch(0.3 0.11057151607360538 261.8884954023337);
}

@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: #fcf2f2;
  --color-client-secondary-100: #f6e3e2;
  --color-client-secondary-200: #fcc4c3;
  --color-client-secondary-300: #f29d9c;
  --color-client-secondary-400: #df6065;
  --color-client-secondary-500: #e3173e;
  --color-client-secondary-600: #c30024;
  --color-client-secondary-700: #9b0012;
  --color-client-secondary-800: #720006;
  --color-client-secondary-900: #550004;
  --color-client-secondary-950: #330000;
  --color-client-secondary-header: #e3173e;
  --color-client-secondary-selected: #ff485b;
  --color-client-secondary-hover: #ff5662;
  --color-client-secondary-text: #ffe5e3;
  --color-client-secondary-footer: #ae1830;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.00543608407972829 20.281601605870883);
  --color-client-secondary-50-oklch: oklch(0.97 0.01087216815945658 20.281601605870883);
  --color-client-secondary-100-oklch: oklch(0.93 0.02174433631891316 20.281601605870883);
  --color-client-secondary-200-oklch: oklch(0.87 0.06342098093016339 20.281601605870883);
  --color-client-secondary-300-oklch: oklch(0.78 0.10192657649490544 20.281601605870883);
  --color-client-secondary-400-oklch: oklch(0.65 0.15855245232540843 20.281601605870883);
  --color-client-secondary-500-oklch: oklch(0.585482392478328 0.22650350332201208 20.281601605870883);
  --color-client-secondary-600-oklch: oklch(0.4976600336065788 0.22650350332201208 20.281601605870883);
  --color-client-secondary-700-oklch: oklch(0.40983767473482957 0.20385315298981088 20.281601605870883);
  --color-client-secondary-800-oklch: oklch(0.3220153158630804 0.16987762749150906 20.281601605870883);
  --color-client-secondary-900-oklch: oklch(0.2634670766152476 0.13590210199320724 20.281601605870883);
  --color-client-secondary-950-oklch: oklch(0.1756447177434984 0.11325175166100604 20.281601605870883);
  --color-client-secondary-header-oklch: oklch(0.585482392478328 0.22650350332201208 20.281601605870883);
  --color-client-secondary-selected-oklch: oklch(0.685482392478328 0.22650350332201208 20.281601605870883);
  --color-client-secondary-hover-oklch: oklch(0.685482392478328 0.20385315298981088 20.281601605870883);
  --color-client-secondary-text-oklch: oklch(0.985482392478328 0.08154126119592434 20.281601605870883);
  --color-client-secondary-footer-oklch: oklch(0.48548239247832803 0.18120280265760969 20.281601605870883);
}

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