/* N4 / Assembly 02. Semantic tokens; see DESIGN-SYSTEM.md. */
:root {
  --n4-paper:#f7f8fc; --n4-white:#ffffff; --n4-ink:#354158;
  --n4-accent:#52658f; --n4-peach:#f6d4c8; --n4-lilac:#ded8f1;
  --n4-sky:#c8d8ef; --n4-mist:#e8edf6;
  --n4-muted:#5b6476; --n4-rule:#d0d6e2;
  --n4-font:Arial,Helvetica,sans-serif; --n4-mono:ui-monospace,Consolas,monospace;
  --n4-space-1:4px; --n4-space-2:8px; --n4-space-3:12px; --n4-space-4:16px;
  --n4-space-6:24px; --n4-space-8:32px; --n4-space-12:48px; --n4-space-16:64px; --n4-space-24:96px;
  --n4-body:1rem; --n4-small:.75rem; --n4-title:clamp(2.4rem,5vw,4.8rem);
  --n4-display:clamp(3.5rem,7.4vw,7.5rem); --n4-radius:24px; --n4-control-radius:12px;
  --n4-jelly-shadow:inset 0 2px 2px #ffffffbb,inset 0 -3px 5px #66759910,0 8px 20px #53617e0d;
  --n4-fast:140ms; --n4-settle:480ms; --n4-ease:cubic-bezier(.2,.9,.3,1.08);
  --n4-max:1440px; --n4-gutter:clamp(20px,4vw,64px); --n4-page-pad:clamp(20px,4vw,56px);
}