:root {
  /* ── Canvas ───────────────────────────────────────────── */
  --cream:        #F5F1E8;
  --paper:        #EDE7D8;
  --ink:          #0F0A14;
  --ink-soft:     #2A1F33;

  /* ── Hero pigments ───────────────────────────────────────*/
  --magenta:      #FF2D78;
  --magenta-deep: #C71F5C;
  --coral:        #FF6B3D;
  --lime:         #D4FF3D;
  --cobalt:       #2940FF;
  --cobalt-deep:  #1A2BB8;
  --lavender:     #B695FF;
  --plum:         #3D1F45;

  /* ── Functional ─────────────────────────────────────────-*/
  --line:         rgba(15,10,20,.12);
  --line-strong:  rgba(15,10,20,.32);
  --success:      #1FB372;
  --error:        #FF3D5A;
  --gold:         #C9A24B;

  /* ── Section accents ─────────────────────────────────────*/
  --sec-1: var(--cream);
  --sec-2: var(--magenta);
  --sec-3: var(--cream);
  --sec-4: var(--cobalt);
  --sec-5: var(--lime);
  --sec-6: var(--plum);

  /* ── Typography ──────────────────────────────────────────*/
  --font-display: "Fraunces", "PP Editorial New", "Times New Roman", serif;
  --font-display-italic: "Fraunces", serif;
  --font-sans:    "Inter Tight", "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "Geist Mono", ui-monospace, monospace;

  --fs-credit:   0.6875rem;
  --fs-eyebrow:  0.75rem;
  --fs-body:     1.0625rem;
  --fs-lead:     clamp(1.25rem, 1.4vw, 1.5rem);
  --fs-h4:       clamp(1.5rem, 1.8vw, 2rem);
  --fs-h3:       clamp(2rem, 3vw, 3rem);
  --fs-h2:       clamp(3rem, 6vw, 5.5rem);
  --fs-h1:       clamp(4.5rem, 12vw, 14rem);

  --lh-tight:    0.92;
  --lh-display:  1.0;
  --lh-body:     1.55;
  --ls-eyebrow:  0.18em;
  --ls-display:  -0.025em;

  /* ── Spacing (8pt) ───────────────────────────────────────*/
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px; --s-11: 192px; --s-12: 256px;

  /* ── Radii ───────────────────────────────────────────────*/
  --r-sm: 8px;  --r-md: 16px;  --r-lg: 28px;  --r-xl: 40px;  --r-pill: 999px;

  /* ── Shadows (color-tinted) ──────────────────────────────*/
  --shadow-sm: 0 1px 2px rgba(15,10,20,.08);
  --shadow-md: 0 12px 32px rgba(15,10,20,.10), 0 2px 6px rgba(15,10,20,.06);
  --shadow-lg: 0 32px 80px rgba(255,45,120,.18), 0 8px 16px rgba(15,10,20,.10);
  --shadow-sheet: 0 -24px 60px rgba(15,10,20,.22);

  /* ── Motion ──────────────────────────────────────────────*/
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-emph:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap:   cubic-bezier(0.68, -0.6, 0.32, 1.6);
  --dur-fast:    160ms;
  --dur-base:    320ms;
  --dur-slow:    700ms;
  --dur-reveal:  1100ms;
  --dur-wash:    900ms;

  /* ── Layout ──────────────────────────────────────────────*/
  --container: 1600px;
  --pad-inline: clamp(20px, 4vw, 64px);
  --section-y: clamp(80px, 12vw, 192px);
}