:root {
  --klv-color-bg: #0b0b0c;
  --klv-color-surface: #141416;
  --klv-color-bg-deep: rgb(3, 3, 4);
  --klv-color-text: #f5f4f2;
  --klv-color-text-muted: #a8a6a3;
  --klv-color-text-warm: #f6f4ee;
  --klv-color-text-bright: #fff;
  --klv-color-accent: #c9a86a;
  --klv-color-border: rgba(245, 244, 242, 0.12);
  --klv-font-sans: 'proxima-nova', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --klv-space-1: 0.25rem;
  --klv-space-2: 0.5rem;
  --klv-space-3: 1rem;
  --klv-space-4: 1.5rem;
  --klv-space-5: 2rem;
  --klv-space-6: 3rem;
  --klv-space-7: 4rem;
  --klv-space-8: 6rem;
  --klv-radius-sm: 4px;
  --klv-radius-md: 8px;
  --klv-radius-lg: 16px;
  --klv-z-header: 9;
  --klv-gradient-hero-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(3, 3, 4, 0.42) 100%);
  --klv-gradient-header-overlay: linear-gradient(180deg, rgba(3, 3, 4, 0.62) 0%, rgba(3, 3, 4, 0.3) 48%, rgba(3, 3, 4, 0) 100%);
  --klv-gradient-band-fade-top: linear-gradient(180deg, rgb(5, 5, 6) 0%, rgba(5, 5, 6, 0) 100%);
  --klv-gradient-showcase-bottom: linear-gradient(180deg, rgba(3, 3, 4, 0) 0%, rgb(3, 3, 4) 100%);
  --klv-gradient-legacy-bottom: linear-gradient(180deg, rgba(3, 3, 4, 0) 0%, rgba(3, 3, 4, 0.58) 44%, rgba(3, 3, 4, 0.92) 82%, rgb(3, 3, 4) 100%);
  --klv-gradient-heritage-band: linear-gradient(180deg, rgb(5, 5, 6) 0%, rgb(28, 29, 32) 52%, rgb(3, 3, 4) 100%);
  --klv-gradient-closing-band: linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(4, 5, 5) 26%, rgb(31, 33, 32) 58%, rgb(80, 80, 78) 100%);
  --klv-ease-reveal: linear(
    0,
    0.293 6.25%,
    0.5 12.5%,
    0.646 18.75%,
    0.75 25%,
    0.823 31.25%,
    0.875 37.5%,
    0.912 43.75%,
    0.938 50%,
    0.969 62.5%,
    0.984 75%,
    0.992 87.5%,
    1
  );
}