/* The site's design tokens. Every page links this file; shared
   typography, colour and spacing live HERE as custom properties, and
   shared component styling as classes below. When building from an
   approved design, put its palette, type scale and spacing into these
   tokens — do not copy the design's <style> block into pages. */
:root {
  --font-body: system-ui, sans-serif;
  --font-display: var(--font-body);
  --font-size: 16px;
  --line-height: 1.5;
  --color-bg: #fafaf7;
  --color-text: #1a1a1a;
  --color-muted: #6b6b6b;
  --color-accent: #0f766e;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px;
  --radius: 8px;
  --max-width: 72rem;
}
html { font-family: var(--font-body); font-size: var(--font-size); line-height: var(--line-height); color: var(--color-text); background: var(--color-bg); }
body { margin: 0; }