/* Double Tap'd Editorial Direction A — design tokens */
:root {
  /* Color */
  --cream: #f7f1e7;
  --bone: #fffaf2;
  --ink: #11110f;
  --ink-soft: #2a2926;
  --ink-muted: #5c5a55;
  --line: rgba(17, 17, 15, 0.12);
  --line-strong: rgba(17, 17, 15, 0.22);
  --clay: #a8542f;
  --clay-hover: #8f4526;
  --brand-red: #ef3d24;
  --surface-ink: #11110f;
  --on-ink: #f7f1e7;
  --on-clay: #fffaf2;
  --shadow-card: 0 1px 2px rgba(17, 17, 15, 0.04), 0 8px 20px rgba(17, 17, 15, 0.06);
  --shadow-card-hover: 0 2px 4px rgba(17, 17, 15, 0.05), 0 14px 28px rgba(168, 84, 47, 0.1);

  /* Type — serif-led (no Inter); clearer hierarchy steps */
  --font-serif: Georgia, "Times New Roman", Times, serif;
  --serif: var(--font-serif); /* alias for subscribe / intro */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-display: clamp(2.35rem, 5vw, 3.65rem);
  --fs-h1: clamp(2rem, 3.8vw, 2.85rem);
  --fs-h2: clamp(1.45rem, 2.4vw, 1.95rem);
  --fs-h3: clamp(1.15rem, 1.5vw, 1.3rem);
  --fs-lede: clamp(1.05rem, 1.25vw, 1.2rem);
  --fs-body: 1.125rem; /* ~18px */
  --fs-teaser: 0.95rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.8125rem;
  --fs-label: 0.6875rem;

  --lh-tight: 1.15;
  --lh-snug: 1.32;
  --lh-body: 1.62;
  --tracking-label: 0.09em;
  --tracking-tight: -0.02em;

  /* Space — denser editorial rhythm */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.65rem;
  --space-4: 0.9rem;
  --space-5: 1.15rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.75rem;
  --space-9: 3.75rem;
  --space-10: 5rem;

  --pad-page: clamp(1rem, 3vw, 2rem);
  --pad-section: clamp(1.75rem, 4vw, 3rem);
  --measure: 38rem;
  --measure-wide: 68rem;
  --header-h: 4.5rem;

  /* Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --dur: 160ms;
}