/* ==========================================================================
   Design tokens — colors, type, spacing.
   Edit this file to restyle the whole site.
   ========================================================================== */

:root {
  /* Color */
  --color-bg: #faf8f4;
  --color-bg-raised: #f1ede4;
  --color-bg-hover: #e8e3d7;
  --color-text: #1c1b18;
  /* Darkened from #6b675c: clears AAA (7:1) on the page background and lifts
     the weakest case, muted text on a raised card, from 4.83 to 6.5. Still
     well short of --color-text, so the hierarchy holds. */
  --color-text-muted: #57544b;
  --color-border: #e3ddcf;
  --color-link: #5b4fe5;
  --color-link-hover: #443ab8;
  --color-accent: #5b4fe5;
  --color-accent-soft: #ece9fb;
  /* Deck controls read as chrome, not as links — off-black keeps them out of
     the way of the photography. */
  --color-control-active: var(--color-text);

  /* Type */
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-display: clamp(2.6rem, 5vw + 1rem, 5rem);
  --fs-h1: clamp(2rem, 3vw + 1rem, 3rem);
  --fs-h2: clamp(1.5rem, 2vw + 0.8rem, 2rem);
  --fs-h3: 1.25rem;
  --fs-lead: clamp(1.15rem, 1vw + 1rem, 1.4rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-tiny: 0.8rem;

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.6;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 140px;

  /* Layout */
  --max-width: 780px;
  --max-width-wide: 1080px;
  --radius: 6px;
  --radius-lg: 14px;
  --border-width: 1px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur-fast: 150ms;
  --dur-med: 350ms;
  --dur-slow: 600ms;
}