:root {
  --kc-charcoal: #0a0a0a;
  --kc-charcoal-rgb: 10, 10, 10;
  --kc-ember: #c49871;
  --kc-neon: #ff2d3a;
  --kc-neon-rgb: 255, 45, 58;
  --kc-ember-rgb: 196, 152, 113;
  --kc-ember-deep: #a67c56;
  --kc-smoke: #d6d6d6;
  --kc-paper: #f4f1eb;
  --kc-paper-dark: #e6e0d6;
  --kc-ink: #0a0a0a;
  --kc-white: #ffffff;

  --kc-font-display: "Roboto", system-ui, sans-serif;
  --kc-font-body: "Roboto", system-ui, sans-serif;
  --kc-font-headline: "Jost", system-ui, sans-serif;
  --kc-font-script: "Mrs Saint Delafield", cursive;
  --kc-font-serif: "Cormorant Garamond", Georgia, serif;
  --kc-font-mono: "Roboto", system-ui, sans-serif;

  --kc-type-hero: clamp(2.8rem, 6.4vw, 5.25rem);
  --kc-type-section: clamp(2rem, 4vw, 3.25rem);
  --kc-type-lead: clamp(1.05rem, 2vw, 1.2rem);

  --kc-wrap: min(1140px, 100% - 2.5rem);
  --kc-header-h: 84px;
  --kc-sect: clamp(4rem, 8vw, 6.5rem);
  --kc-radius: 0;
  --kc-shadow: 0 18px 50px rgba(var(--kc-charcoal-rgb), 0.18);
}