/* Nullworks design tokens v1 */
:root{
  --nw-orange:#FD550A; --nw-orange-300:#FEAA84; --nw-orange-700:#BE4008;
  --nw-green:#015D47; --nw-green-300:#80AEA3; --nw-green-700:#014635;
  --nw-yellow:#E0F354; --nw-yellow-300:#F0F9AA;
  --nw-cream:#FBF6EA; --nw-ink:#14130F;
  --font-display:"Playfair Display",Georgia,serif;
  --font-body:"Source Serif 4",Georgia,serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1.0625rem; --fs-lg:1.25rem;
  --fs-h3:1.75rem; --fs-h2:clamp(2rem,4vw,2.75rem); --fs-h1:clamp(3.25rem,10vw,7.5rem);
  --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;
  --radius-sm:4px; --radius-md:6px; --radius-lg:6px; /* no squircles or pills */
  --rule-thick:3px; --rule-thin:1px;
  --max-w:1200px;
  /* Semantic tokens: the rest of the CSS uses these. Swap a variant by overriding only this block
     (see docs/design-variants.md and styles/variants.css). */
  --c-bg:var(--nw-cream); --c-text:var(--nw-ink); --c-primary:var(--nw-green); --c-accent:var(--nw-orange);
  --c-accent-text:var(--nw-orange-700); --c-highlight:var(--nw-yellow); --c-inverse:var(--nw-ink);
  --font-ui:var(--font-body); /* nav, buttons, labels: no monospace UI */
  --heading-tracking:0; --radius:var(--radius-sm);
  /* breakpoints (reference): sm 480px, md 768px, lg 1024px, xl 1280px */
}