:root {
  --keks-white-hsl: 78 38.46% 94.9%;
  --keks-black-hsl: 240 0.87% 22.55%;
  --keks-accent-hsl: 45 100% 60%;
  --keks-light-accent-hsl: 21.18 38.12% 56.27%;
  --keks-dark-accent-hsl: 152.09 17.84% 52.75%;
  --keks-pure-white-hsl: 0 0% 100%;

  --keks-white-rgb: 244, 247, 237;
  --keks-black-rgb: 57, 57, 58;
  --keks-accent-rgb: 255, 204, 51;
  --keks-light-accent-rgb: 186, 131, 101;
  --keks-dark-accent-rgb: 113, 156, 136;

  --keks-white: hsl(var(--keks-white-hsl));
  --keks-black: hsl(var(--keks-black-hsl));
  --keks-accent: hsl(var(--keks-accent-hsl));
  --keks-light-accent: hsl(var(--keks-light-accent-hsl));
  --keks-dark-accent: hsl(var(--keks-dark-accent-hsl));
  --keks-pure-white: hsl(var(--keks-pure-white-hsl));

  --keks-page-bg: var(--keks-white);
  --keks-surface: hsl(var(--keks-white-hsl) / 1);
  --keks-body-text: var(--keks-black);
  --keks-muted-text: hsl(var(--keks-black-hsl) / 0.72);
  --keks-border: hsl(var(--keks-black-hsl) / 0.18);
  --keks-focus: hsl(var(--keks-accent-hsl) / 0.65);

  --bs-body-bg: var(--keks-page-bg);
  --bs-body-color: var(--keks-body-text);
  --bs-body-color-rgb: var(--keks-black-rgb);
  --bs-border-color: var(--keks-border);
  --bs-secondary-color: var(--keks-muted-text);
  --bs-tertiary-bg: hsl(var(--keks-white-hsl) / 0.84);

  --bs-primary: var(--keks-dark-accent);
  --bs-primary-rgb: var(--keks-dark-accent-rgb);
  --bs-secondary: var(--keks-accent);
  --bs-secondary-rgb: var(--keks-accent-rgb);

  --bs-link-color: var(--keks-dark-accent);
  --bs-link-hover-color: hsl(var(--keks-dark-accent-hsl) / 0.82);

  --kx2-index-overlay-top: hsl(var(--keks-pure-white-hsl) / 0.08);
  --kx2-index-overlay-mid: hsl(var(--keks-pure-white-hsl) / 0.42);
  --kx2-index-overlay-bottom: var(--keks-page-bg);
  --kx2-hero-shadow-soft: hsl(var(--keks-pure-white-hsl) / 0.9);
  --kx2-hero-shadow-strong: hsl(var(--keks-pure-white-hsl) / 0.7);
  --kx2-hero-shadow-depth: hsl(var(--keks-black-hsl) / 0.3);
  --kx2-card-bg: hsl(var(--keks-pure-white-hsl) / 0.88);
  --kx2-card-bg-muted: hsl(var(--keks-pure-white-hsl) / 0.52);
  --kx2-card-border: hsl(var(--keks-black-hsl) / 0.17);
  --kx2-card-shadow: hsl(var(--keks-black-hsl) / 0.14);
  --kx2-status-success-bg: var(--keks-dark-accent);
  --kx2-status-success-fg: var(--keks-pure-white);
  --kx2-status-warning-bg: var(--keks-accent);
  --kx2-status-warning-fg: var(--keks-black);
  --kx2-danger-border: var(--keks-border);
  --kx2-admin-blue-hsl: 211 78% 46%;
  --kx2-admin-gray-hsl: 220 10% 46%;
  --kx2-pill-keks-bg: hsl(var(--keks-black-hsl) / 0.12);
  --kx2-pill-keks-border: hsl(var(--keks-black-hsl) / 0.18);
  --kx2-pill-keks-fg: hsl(var(--keks-black-hsl) / 0.9);
  --kx2-pill-municipality-bg: hsl(var(--keks-light-accent-hsl) / 0.16);
  --kx2-pill-municipality-border: hsl(var(--keks-light-accent-hsl) / 0.24);
  --kx2-pill-municipality-fg: hsl(var(--keks-black-hsl) / 0.9);
  --kx2-pill-coworker-bg: hsl(var(--keks-dark-accent-hsl) / 0.16);
  --kx2-pill-coworker-border: hsl(var(--keks-dark-accent-hsl) / 0.24);
  --kx2-pill-coworker-fg: hsl(var(--keks-black-hsl) / 0.9);
  --kx2-pill-active-bg: hsl(var(--keks-dark-accent-hsl) / 0.16);
  --kx2-pill-active-border: hsl(var(--keks-dark-accent-hsl) / 0.24);
  --kx2-pill-active-fg: hsl(var(--keks-black-hsl) / 0.9);
  --kx2-pill-inactive-bg: hsl(var(--kx2-admin-gray-hsl) / 0.12);
  --kx2-pill-inactive-border: hsl(var(--kx2-admin-gray-hsl) / 0.2);
  --kx2-pill-inactive-fg: hsl(var(--keks-black-hsl) / 0.84);
  --kx2-pill-invited-bg: hsl(var(--kx2-admin-blue-hsl) / 0.82);
  --kx2-pill-invited-border: hsl(var(--kx2-admin-blue-hsl) / 0.4);
  --kx2-pill-invited-fg: var(--keks-pure-white);
  --kx2-quality-color: hsl(270 70% 50%);
  --kx2-competence-color: hsl(100 70% 50%);
  --kx2-learning-color: hsl(21 70% 50%);
  --kx2-index-header-text: var(--keks-body-text);
  --kx2-header-bg: hsl(var(--keks-pure-white-hsl) / 0.72);
  --kx2-header-border: hsl(var(--keks-black-hsl) / 0.1);
  --kx2-header-shadow: hsl(var(--keks-black-hsl) / 0.08);
  --kx2-header-panel-bg: hsl(var(--keks-pure-white-hsl) / 0.7);
  --kx2-session-pill-bg: hsl(var(--keks-pure-white-hsl) / 0.78);
  --kx2-session-pill-border: hsl(var(--keks-black-hsl) / 0.1);
  --kx2-home-bg-top: hsl(var(--keks-pure-white-hsl) / 1);
  --kx2-home-bg-mid: hsl(var(--keks-white-hsl) / 0.96);
  --kx2-home-bg-bottom: hsl(var(--keks-accent-hsl) / 0.12);
  --kx2-home-grid-line: hsl(var(--keks-black-hsl) / 0.05);
  --kx2-home-orb-one: hsl(var(--keks-accent-hsl) / 0.22);
  --kx2-home-orb-two: hsl(var(--keks-dark-accent-hsl) / 0.22);
}