:root {
--client-name: 'Holy Spirit';
--client-image: url("https://cdn.ottosport.ai/32mg09vevthqr/brand/6329e73f44956dc5bc3b863f.1724874818220.png?versionId=lbP6fAX8p9LJ1OZCFambIhNazpt8hyR0") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/32mg09vevthqr/brand/client.logo.6329e73f44956dc5bc3b863f.1724874593735.png?versionId=7pL6Nyj86ud8fOHGEp1e63_wt3TjRet7") no-repeat;
--client-primary: #740108;
--client-secondary: #828185;
--client-primary-darken: rgb(101, 1, 7);
--client-primary-lighten: rgb(151, 1, 10);
--client-sign-in-primary: #f6f6f6;
--client-sign-in-secondary: #828185;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-09-19T17:12:50.219Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #fbf8f7;
  --color-client-50: #faf3f3;
  --color-client-100: #f1e5e3;
  --color-client-200: #eecbc6;
  --color-client-300: #dea8a1;
  --color-client-400: #c5776e;
  --color-client-500: #740108;
  --color-client-600: #630000;
  --color-client-700: #4e0000;
  --color-client-800: #370000;
  --color-client-900: #270000;
  --color-client-950: #150000;
  --color-client-header: #740108;
  --color-client-selected: #952b26;
  --color-client-hover: #90322c;
  --color-client-text: #e09a91;
  --color-client-footer: #5a0709;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0034241142967554035 26.948211141808876);
  --color-client-50-oklch: oklch(0.97 0.006848228593510807 26.948211141808876);
  --color-client-100-oklch: oklch(0.93 0.013696457187021614 26.948211141808876);
  --color-client-200-oklch: oklch(0.87 0.03994800012881304 26.948211141808876);
  --color-client-300-oklch: oklch(0.78 0.06420214306416382 26.948211141808876);
  --color-client-400-oklch: oklch(0.65 0.0998700003220326 26.948211141808876);
  --color-client-500-oklch: oklch(0.35219827274553345 0.14267142903147514 26.948211141808876);
  --color-client-600-oklch: oklch(0.29936853183370343 0.14267142903147514 26.948211141808876);
  --color-client-700-oklch: oklch(0.2465387909218734 0.12840428612832763 26.948211141808876);
  --color-client-800-oklch: oklch(0.1937090500100434 0.10700357177360637 26.948211141808876);
  --color-client-900-oklch: oklch(0.15848922273549004 0.08560285741888508 26.948211141808876);
  --color-client-950-oklch: oklch(0.10565948182366003 0.07133571451573757 26.948211141808876);
  --color-client-header-oklch: oklch(0.35219827274553345 0.14267142903147514 26.948211141808876);
  --color-client-selected-oklch: oklch(0.4521982727455335 0.14267142903147514 26.948211141808876);
  --color-client-hover-oklch: oklch(0.4521982727455335 0.12840428612832763 26.948211141808876);
  --color-client-text-oklch: oklch(0.7521982727455334 0.08560285741888508 26.948211141808876);
  --color-client-footer-oklch: oklch(0.3 0.11413714322518012 26.948211141808876);
}

@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: #d4d4d5;
  --color-client-secondary-300: #b7b7b9;
  --color-client-secondary-400: #8f8f91;
  --color-client-secondary-500: #828185;
  --color-client-secondary-600: #68676a;
  --color-client-secondary-700: #4e4d51;
  --color-client-secondary-800: #363638;
  --color-client-secondary-900: #272729;
  --color-client-secondary-950: #121213;
  --color-client-secondary-header: #828185;
  --color-client-secondary-selected: #a09fa3;
  --color-client-secondary-hover: #a09fa3;
  --color-client-secondary-text: #ffffff;
  --color-client-secondary-footer: #656467;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.0001457743057010643 297.6465628533741);
  --color-client-secondary-50-oklch: oklch(0.97 0.0002915486114021286 297.6465628533741);
  --color-client-secondary-100-oklch: oklch(0.93 0.0005830972228042572 297.6465628533741);
  --color-client-secondary-200-oklch: oklch(0.87 0.0017007002331790835 297.6465628533741);
  --color-client-secondary-300-oklch: oklch(0.78 0.0027332682318949556 297.6465628533741);
  --color-client-secondary-400-oklch: oklch(0.65 0.004251750582947709 297.6465628533741);
  --color-client-secondary-500-oklch: oklch(0.6053899111282626 0.006073929404211012 297.6465628533741);
  --color-client-secondary-600-oklch: oklch(0.5145814244590232 0.006073929404211012 297.6465628533741);
  --color-client-secondary-700-oklch: oklch(0.42377293778978375 0.005466536463789911 297.6465628533741);
  --color-client-secondary-800-oklch: oklch(0.33296445112054446 0.00455544705315826 297.6465628533741);
  --color-client-secondary-900-oklch: oklch(0.27242546000771817 0.0036443576425266074 297.6465628533741);
  --color-client-secondary-950-oklch: oklch(0.18161697333847876 0.003036964702105506 297.6465628533741);
  --color-client-secondary-header-oklch: oklch(0.6053899111282626 0.006073929404211012 297.6465628533741);
  --color-client-secondary-selected-oklch: oklch(0.7053899111282625 0.006073929404211012 297.6465628533741);
  --color-client-secondary-hover-oklch: oklch(0.7053899111282625 0.005466536463789911 297.6465628533741);
  --color-client-secondary-text-oklch: oklch(1 0.002186614585515964 297.6465628533741);
  --color-client-secondary-footer-oklch: oklch(0.5053899111282626 0.00485914352336881 297.6465628533741);
}

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