/* ============================================================
   Galipoli — v6 "Site" tokens (warm light ⇄ deep dark, dark-first)
   ============================================================ */
:root {
  --paper:#FFFCF0; --ink:#1A1714; --ink-muted:#6E6356; --rule:#E8E1CF;
  --signal:#0A48F2; --signal-quiet:rgba(10,72,242,.08);
  /* linked web (nodes + links): dark & strong so it reads on warm paper.
     non-linked dots (stars): a distinct medium warm-grey, lighter than the nodes. */
  --field-node:rgba(28,24,19,.58); --field-link:rgba(28,24,19,.26); --field-star:rgba(122,110,93,.7);

  --font-grotesque:"Inter","Inter var",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --font-editorial:"Newsreader","Iowan Old Style",Georgia,serif;

  --fs-display:clamp(2.75rem,10vw,9rem);
  --fs-h2:clamp(1.75rem,4vw,3.5rem);
  --fs-name:clamp(1.25rem,2vw,1.6rem);
  --fs-preview:clamp(1.75rem,3.6vw,3rem);
  --fs-lead:clamp(1.0625rem,1.6vw,1.3125rem);
  --fs-label:0.6875rem;
  --lh-tight:0.95; --track-label:.12em; --track-display:-0.03em;

  --space-2:16px; --space-3:24px; --space-4:40px; --space-5:64px; --space-6:96px;
  --gutter:clamp(16px,4vw,48px); --panel-w:620px; --maxw:1320px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
:root[data-theme="dark"] {
  --paper:#0B0D12; --ink:#F4F4F0; --ink-muted:#9AA0AC; --rule:#23262E;
  --signal:#5B82FF; --signal-quiet:rgba(91,130,255,.14);
  --field-node:rgba(154,160,172,.55); --field-link:rgba(154,160,172,.14); --field-star:rgba(180,190,210,.7);
}