:root {
--client-name: 'Albuquerque Soccer League';
--client-image: url("https://cdn.ottosport.ai/1p1kn73otietm/brand/60216e7e3297f978f048e340.1698163151581.png?versionId=0xQ0YfNmtW3uD5l0IbirdHRGFWqq84L7") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/1p1kn73otietm/brand/client.logo.60216e7e3297f978f048e340.1698163241817.png?versionId=mvk9sYNC9UcFFKluEYyFc8EBuqAqZAGO") no-repeat;
--client-primary: #a71a2a;
--client-secondary: #fff102;
--client-primary-darken: rgb(154, 24, 39);
--client-primary-lighten: rgb(198, 31, 50);
--client-sign-in-primary: #901625;
--client-sign-in-secondary: #bc1d30;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2016-06-13T21:13:35.153Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #fbf7f7;
  --color-client-50: #fbf3f2;
  --color-client-100: #f3e4e3;
  --color-client-200: #f3c8c6;
  --color-client-300: #e5a4a1;
  --color-client-400: #cf6f6d;
  --color-client-500: #a71a2a;
  --color-client-600: #8f0016;
  --color-client-700: #710008;
  --color-client-800: #520002;
  --color-client-900: #3c0001;
  --color-client-950: #230000;
  --color-client-header: #a71a2a;
  --color-client-selected: #ca4046;
  --color-client-hover: #c3494c;
  --color-client-text: #ffbab6;
  --color-client-footer: #790e1b;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.004172189268528479 22.22108025087266);
  --color-client-50-oklch: oklch(0.97 0.008344378537056957 22.22108025087266);
  --color-client-100-oklch: oklch(0.93 0.016688757074113915 22.22108025087266);
  --color-client-200-oklch: oklch(0.87 0.04867554146616559 22.22108025087266);
  --color-client-300-oklch: oklch(0.78 0.07822854878490898 22.22108025087266);
  --color-client-400-oklch: oklch(0.65 0.12168885366541396 22.22108025087266);
  --color-client-500-oklch: oklch(0.471644569139246 0.17384121952201995 22.22108025087266);
  --color-client-600-oklch: oklch(0.4008978837683591 0.17384121952201995 22.22108025087266);
  --color-client-700-oklch: oklch(0.3301511983974722 0.15645709756981796 22.22108025087266);
  --color-client-800-oklch: oklch(0.25940451302658535 0.13038091464151497 22.22108025087266);
  --color-client-900-oklch: oklch(0.21224005611266072 0.10430473171321196 22.22108025087266);
  --color-client-950-oklch: oklch(0.1414933707417738 0.08692060976100997 22.22108025087266);
  --color-client-header-oklch: oklch(0.471644569139246 0.17384121952201995 22.22108025087266);
  --color-client-selected-oklch: oklch(0.571644569139246 0.17384121952201995 22.22108025087266);
  --color-client-hover-oklch: oklch(0.571644569139246 0.15645709756981796 22.22108025087266);
  --color-client-text-oklch: oklch(0.871644569139246 0.10430473171321196 22.22108025087266);
  --color-client-footer-oklch: oklch(0.37164456913924604 0.13907297561761597 22.22108025087266);
}

@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: #f9f9f5;
  --color-client-secondary-50: #f6f6ee;
  --color-client-secondary-100: #e9e9da;
  --color-client-secondary-200: #d9d7ad;
  --color-client-secondary-300: #bfbb76;
  --color-client-secondary-400: #9c9300;
  --color-client-secondary-500: #fff102;
  --color-client-secondary-600: #d1c200;
  --color-client-secondary-700: #a39500;
  --color-client-secondary-800: #766b00;
  --color-client-secondary-900: #585000;
  --color-client-secondary-950: #312a00;
  --color-client-secondary-header: #f6f08f;
  --color-client-secondary-selected: #ffffa2;
  --color-client-secondary-hover: #ffffad;
  --color-client-secondary-text: #ffffcb;
  --color-client-secondary-footer: #dacf3d;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.004785443624858882 105.34382207592527);
  --color-client-secondary-50-oklch: oklch(0.97 0.009570887249717764 105.34382207592527);
  --color-client-secondary-100-oklch: oklch(0.93 0.019141774499435528 105.34382207592527);
  --color-client-secondary-200-oklch: oklch(0.87 0.05583017562335363 105.34382207592527);
  --color-client-secondary-300-oklch: oklch(0.78 0.08972706796610404 105.34382207592527);
  --color-client-secondary-400-oklch: oklch(0.65 0.13957543905838404 105.34382207592527);
  --color-client-secondary-500-oklch: oklch(0.9391573357892102 0.19939348436912008 105.34382207592527);
  --color-client-secondary-600-oklch: oklch(0.7982837354208286 0.19939348436912008 105.34382207592527);
  --color-client-secondary-700-oklch: oklch(0.6574101350524472 0.17945413593220808 105.34382207592527);
  --color-client-secondary-800-oklch: oklch(0.5165365346840657 0.14954511327684006 105.34382207592527);
  --color-client-secondary-900-oklch: oklch(0.4226208011051446 0.11963609062147204 105.34382207592527);
  --color-client-secondary-950-oklch: oklch(0.28174720073676307 0.09969674218456004 105.34382207592527);
  --color-client-secondary-header-oklch: oklch(0.9391573357892102 0.11963609062147204 105.34382207592527);
  --color-client-secondary-selected-oklch: oklch(1 0.11963609062147204 105.34382207592527);
  --color-client-secondary-hover-oklch: oklch(1 0.10767248155932484 105.34382207592527);
  --color-client-secondary-text-oklch: oklch(1 0.07178165437288322 105.34382207592527);
  --color-client-secondary-footer-oklch: oklch(0.8391573357892103 0.15951478749529607 105.34382207592527);
}

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