:root {
--client-name: 'Project 77';
--client-image: url("https://cdn.ottosport.ai/3ch6ni0hdsgds/brand/6789544edff7846106a61bae.1737156118469.png?versionId=evwIrZ8VgnY9yiRW3byULiyu8O5tpLUL") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/3ch6ni0hdsgds/brand/client.logo.6789544edff7846106a61bae.1737155758178.png?versionId=lVXxo2L2MG2.oI0QCnmzvb.iAC8Wu0Kr") no-repeat;
--client-primary: #000000;
--client-secondary: #d9a748;
--client-primary-darken: rgb(0, 0, 0);
--client-primary-lighten: rgb(18, 18, 18);
--client-sign-in-primary: #000000;
--client-sign-in-secondary: #313131;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2025-01-13T04:44:07.862Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f8;
  --color-client-50: #f5f5f5;
  --color-client-100: #e8e8e8;
  --color-client-200: #d4d4d4;
  --color-client-300: #b7b7b7;
  --color-client-400: #8f8f8f;
  --color-client-500: #000000;
  --color-client-600: #000000;
  --color-client-700: #000000;
  --color-client-800: #000000;
  --color-client-900: #000000;
  --color-client-950: #000000;
  --color-client-header: #000000;
  --color-client-selected: #030303;
  --color-client-hover: #030303;
  --color-client-text: #484848;
  --color-client-footer: #2e2e2e;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0 0);
  --color-client-50-oklch: oklch(0.97 0 0);
  --color-client-100-oklch: oklch(0.93 0 0);
  --color-client-200-oklch: oklch(0.87 0 0);
  --color-client-300-oklch: oklch(0.78 0 0);
  --color-client-400-oklch: oklch(0.65 0 0);
  --color-client-500-oklch: oklch(0 0 0);
  --color-client-600-oklch: oklch(0 0 0);
  --color-client-700-oklch: oklch(0 0 0);
  --color-client-800-oklch: oklch(0 0 0);
  --color-client-900-oklch: oklch(0 0 0);
  --color-client-950-oklch: oklch(0 0 0);
  --color-client-header-oklch: oklch(0 0 0);
  --color-client-selected-oklch: oklch(0.1 0 0);
  --color-client-hover-oklch: oklch(0.1 0 0);
  --color-client-text-oklch: oklch(0.4 0 0);
  --color-client-footer-oklch: oklch(0.3 0 0);
}

@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: #f9f8f6;
  --color-client-secondary-50: #f7f5f1;
  --color-client-secondary-100: #ece7df;
  --color-client-secondary-200: #e0d2bb;
  --color-client-secondary-300: #cab48f;
  --color-client-secondary-400: #ab894e;
  --color-client-secondary-500: #d9a748;
  --color-client-secondary-600: #b4841b;
  --color-client-secondary-700: #8d6300;
  --color-client-secondary-800: #664500;
  --color-client-secondary-900: #4c3300;
  --color-client-secondary-950: #2b1800;
  --color-client-secondary-header: #d9a748;
  --color-client-secondary-selected: #fac76a;
  --color-client-secondary-hover: #f6c877;
  --color-client-secondary-text: #fffddd;
  --color-client-secondary-footer: #b18a44;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0030136441843018427 80.75479870610512);
  --color-client-secondary-50-oklch: oklch(0.97 0.006027288368603685 80.75479870610512);
  --color-client-secondary-100-oklch: oklch(0.93 0.01205457673720737 80.75479870610512);
  --color-client-secondary-200-oklch: oklch(0.87 0.035159182150188165 80.75479870610512);
  --color-client-secondary-300-oklch: oklch(0.78 0.056505828455659546 80.75479870610512);
  --color-client-secondary-400-oklch: oklch(0.65 0.0878979553754704 80.75479870610512);
  --color-client-secondary-500-oklch: oklch(0.7571648239528996 0.12556850767924344 80.75479870610512);
  --color-client-secondary-600-oklch: oklch(0.6435901003599647 0.12556850767924344 80.75479870610512);
  --color-client-secondary-700-oklch: oklch(0.5300153767670297 0.11301165691131909 80.75479870610512);
  --color-client-secondary-800-oklch: oklch(0.41644065317409484 0.09417638075943258 80.75479870610512);
  --color-client-secondary-900-oklch: oklch(0.34072417077880485 0.07534110460754606 80.75479870610512);
  --color-client-secondary-950-oklch: oklch(0.22714944718586988 0.06278425383962172 80.75479870610512);
  --color-client-secondary-header-oklch: oklch(0.7571648239528996 0.12556850767924344 80.75479870610512);
  --color-client-secondary-selected-oklch: oklch(0.8571648239528996 0.12556850767924344 80.75479870610512);
  --color-client-secondary-hover-oklch: oklch(0.8571648239528996 0.11301165691131909 80.75479870610512);
  --color-client-secondary-text-oklch: oklch(1 0.045204662764527635 80.75479870610512);
  --color-client-secondary-footer-oklch: oklch(0.6571648239528997 0.10045480614339475 80.75479870610512);
}

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