:root {
  /* colour */
  --bone: #f2efe7;
  --bone-deep: #dbd5c4;
  --mist: #a2b2c8;
  --mist-tint: #e7ecf2;
  --ink: #22396b;
  --cocoa: #4f4133;
  --paper: #fbfaf6;

  --line: rgba(34, 57, 107, 0.14);
  --line-soft: rgba(34, 57, 107, 0.08);
  --shadow-soft: 0 20px 60px -30px rgba(34, 57, 107, 0.35);

  /* type */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "General Sans", -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(3.4rem, 5vw + 2.4rem, 7.2rem);
  --fs-display: clamp(2.1rem, 2.4vw + 1.5rem, 3.6rem);
  --fs-h2: clamp(1.5rem, 1.1vw + 1.2rem, 2rem);
  --fs-h3: clamp(1.15rem, 0.5vw + 1rem, 1.35rem);
  --fs-body: clamp(1rem, 0.25vw + 0.95rem, 1.125rem);
  --fs-small: 0.9rem;
  --fs-caption: 0.675rem;
  --fs-eyebrow: 0.8rem;

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.6;

  --tracking-eyebrow: 0.12em;

  /* space + layout */
  --section-pad-y: clamp(4.5rem, 9vw, 8.5rem);
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --container-max: 1240px;
  --radius: 18px;
  --radius-sm: 10px;

  /* motion */
  --ease-lift: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-load: 1100ms;
  --dur-reveal: 800ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-load: 0ms;
    --dur-reveal: 0ms;
  }
}