:root {
  /* Brand */
  --ink: #12312A;
  --ink-deep: #0F4036;
  --lime: #C4D82F;
  --paper: #F6F4EC;
  --paper-2: #FBFAF5;
  --clay: #CBB89A;
  --white: #FFFFFF;
  --muted: #65736C;
  --line: rgba(18,49,42,.14);
  --line-soft: rgba(18,49,42,.08);
  --shadow: 0 18px 48px rgba(18,49,42,.07);

  /* Typography */
  --font-display: "EB Garamond", "Cormorant Garamond", Georgia, serif;
  --font-body: "Hanken Grotesk", "Cabin", Arial, sans-serif;
  --font-hand: "Caveat", "Comic Neue", cursive;

  --fs-h1: clamp(56px, 5vw, 78px);
  --fs-h2: clamp(42px, 3.45vw, 54px);
  --fs-h3: clamp(24px, 1.8vw, 30px);
  --fs-lead: clamp(19px, 1.45vw, 23px);
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-eyebrow: 12px;

  /* Radius */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 34px;
  --r-xl: 48px;
  --r-pill: 999px;

  /* Spacing: 8px base */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 40px;
  --s-6: 48px;
  --s-8: 64px;
  --s-10: 80px;
  --s-12: 96px;
  --s-14: 112px;
  --s-16: 128px;

  /* Layout */
  --container: 1240px;
  --container-wide: 1344px;
  --gutter: 48px;
}