:root {
  --cream: #f4efe3;
  --cream-2: #e9e1cf;
  --ink: #2f2c26;
  --ink-soft: #6a6355;
  --olive: #2b2823;
  --olive-deep: #1b1a17;
  --accent: #d9a441;
  --gold: #f0c674;
  --night: #161512;
  --night-2: #24221d;
  --white: #fffdf5;

  --font-display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: clamp(0.8rem, 0.77rem + 0.15vw, 0.875rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.4vw, 2.6rem);
  --step-3: clamp(2.4rem, 1.6rem + 3.6vw, 4.8rem);
  --step-4: clamp(3.2rem, 1.8rem + 6.5vw, 8rem);
  --step-giant: clamp(4.5rem, 1rem + 17vw, 20rem);

  --radius: 18px;
  --radius-sm: 10px;
  --pill: 999px;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1320px;
  --shadow: 0 18px 40px -20px rgba(31, 31, 26, 0.45);
  --gold-grad: linear-gradient(135deg, #f0c674 0%, #d9a441 45%, #a8742a 100%);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}