/* Design tokens — the shared foundation for landing + coming-soon */
:root {
  /* Layer 1: color */
  --paper: #FAF6F2;
  --ivory: #F5E6E0;
  --blush: #E4C1B9;
  --blush-soft: #F0D6CF;
  --gold: #B8935A;
  --gold-soft: #D4B78E;
  --sage: #A8B5A0;
  --espresso: #2C1810;
  --stone: #7A6A5F;
  --stone-soft: #A69688;
  --line: #E8DFD6;
  --white: #FFFFFF;

  /* Layer 2: type */
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Layer 3: scale */
  --s-1: 4px;
  --s0: 8px;
  --s1: 16px;
  --s2: 24px;
  --s3: 32px;
  --s4: 48px;
  --s5: 64px;
  --s6: 96px;
  --s7: 128px;
  --s8: 160px;

  /* Layer 4: motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur: 400ms;
  --dur-slow: 700ms;

  /* Layer 5: layout */
  --container: 1200px;
  --gutter: 24px;
  --gutter-lg: 48px;
}

@media (min-width: 900px) {
  :root { --gutter: 48px; }
}