/* ═══════════════════════════════════════════════════════════
   TOKENS — Prima Materia design system
═══════════════════════════════════════════════════════════ */

:root {
  --red: #FF2D00;
  --transition: 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  --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:128px;
  --content-max:1100px; --text-max:680px;
  --text-xs:  clamp(0.625rem,  0.6rem  + 0.1vw,  0.6875rem);
  --text-sm:  clamp(0.75rem,   0.72rem + 0.15vw, 0.8125rem);
  --text-base:clamp(0.9375rem, 0.9rem  + 0.2vw,  1rem);
  --text-lg:  clamp(1.125rem,  1.05rem + 0.4vw,  1.25rem);
  --text-xl:  clamp(1.375rem,  1.2rem  + 0.9vw,  1.75rem);
  --text-2xl: clamp(1.75rem,   1.4rem  + 1.8vw,  2.5rem);
  --text-3xl: clamp(2.25rem,   1.6rem  + 3.2vw,  3.5rem);
  --text-4xl: clamp(3rem,      2rem    + 5vw,     5rem);
  --tracking-tight:-0.02em; --tracking-normal:0;
  --tracking-wide:0.08em; --tracking-wider:0.2em; --tracking-widest:0.35em;
  --leading-none:1; --leading-tight:1.05; --leading-snug:1.2;
  --leading-normal:1.5; --leading-loose:1.8;
}

[data-theme="frontispiece"] {
  --bg:#FFFFFF; --ink:#0D0D0D; --muted:#888888;
  --border:#E5E5E5; --surface:#F5F5F5;
  --logo-filter:none; --logo-opacity:1;
}

[data-theme="vessel"] {
  --bg:#0A0A0A; --ink:rgba(255,255,255,0.92); --muted:rgba(255,255,255,0.38);
  --border:rgba(255,255,255,0.08); --surface:rgba(255,255,255,0.04);
  --logo-filter:invert(1); --logo-opacity:0.85;
}