/* VATRA — living design tokens (single source of truth). Mirrors DESIGN.md frontmatter. */
:root{
  --vatra-terracotta:#C4583A; --vatra-graphite:#111111; --vatra-taupe:#8B7D6B;
  --vatra-sand:#DCCDB7; --vatra-ivory:#F6F3ED;
  --terracotta-600:#A8452C; --terracotta-700:#8A3A25; --sand-300:#E7DCCB; --ivory-200:#EEEAE1; --graphite-800:#1E1C1A;
  --color-bg:var(--vatra-ivory); --color-surface:#FFFFFF; --color-surface-alt:var(--sand-300);
  --color-ink:var(--vatra-graphite); --color-ink-soft:#4A453F; --color-ink-faint:#6E665C;
  --color-accent:var(--vatra-terracotta); --color-accent-ink:var(--vatra-ivory); --color-accent-text:#9A3D28;
  --color-border:#E0D8CB; --color-border-strong:#CBBFAD; --focus:var(--vatra-terracotta);
  --color-ink-on-dark:#D9D2C6; --color-ink-on-dark-muted:#B7AE9F; --color-placeholder:#8A8175; --color-error:#B23A20;
  
  --font-display:'Palitura', Georgia, 'Times New Roman', serif;
  --font-body:'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-display:clamp(3rem, 7vw, 5.25rem); --text-h1:clamp(2.25rem, 5vw, 3rem);
  --text-h2:clamp(1.75rem, 3.5vw, 2rem); --text-h3:1.375rem; --text-h4:1.25rem; --text-sub:1.125rem;
  --text-body:1rem; --text-small:0.875rem; --text-caption:0.75rem;
  --lh-tight:1.08; --lh-snug:1.25; --lh-normal:1.55; --tracking-label:0.14em;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-8:48px; --space-10:64px; --space-12:96px;
  --radius-sm:2px; --radius:4px; --radius-lg:8px; --radius-pill:999px;
  --border:1px solid var(--color-border);
  --shadow-sm:0 1px 2px rgba(17,17,17,.04), 0 1px 3px rgba(17,17,17,.06);
  --shadow:0 4px 16px rgba(17,17,17,.06), 0 2px 4px rgba(17,17,17,.04);
  --ease:cubic-bezier(.2,.6,.2,1); --dur:200ms; --maxw:1120px;
}