/* Overlaytop design tokens — "Coast & Sunset" (generated from config/overlaytop.brief.json).
   Per-niche reskin = swap this block; the structural tokens below stay constant. */
:root{
  /* Brand palette */
  --teal-50:#eef6f5;  --teal-100:#d6eae7; --teal-300:#8fc7bf;
  --teal-500:#2f8f82; --teal-700:#1f6157; --teal-900:#143f39;
  --accent:#e8734d;   --accent-dark:#cf5f3c;
  --cream:#fbf7f1;    --paper:#ffffff;
  --ink-900:#1b2420;  --ink-700:#38433d;  --ink-500:#5c655f;  --ink-300:#98a09b;
  --line:#e7e0d6;     --line-soft:#f0eae0;

  /* Semantic aliases */
  --bg:var(--cream);
  --surface:var(--paper);
  --text:var(--ink-900);
  --text-muted:var(--ink-500);
  --primary:var(--teal-500);
  --primary-strong:var(--teal-700);
  --on-primary:#ffffff;

  /* Typography */
  --font-serif:"Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Structure */
  --max-w:1200px;
  --read-w:720px;
  --gutter:clamp(1rem, 2.6vw, 2rem);
  --radius-sm:8px; --radius:12px; --radius-lg:18px; --radius-xl:26px;
  --shadow-sm:0 1px 2px rgba(20,40,36,.05), 0 1px 1px rgba(20,40,36,.04);
  --shadow:0 4px 16px rgba(20,40,36,.07), 0 1px 3px rgba(20,40,36,.05);
  --shadow-lg:0 18px 44px rgba(20,40,36,.10), 0 5px 14px rgba(20,40,36,.06);
  --t-fast:140ms cubic-bezier(.4,0,.2,1);
  --t:240ms cubic-bezier(.4,0,.2,1);
  --header-h:74px;
}