/* Design tokens - single source of truth for color, radius and shadow. */

:root{
  --bg:#f1f5f9;
  --surface:#ffffff;
  --panel:var(--surface);
  --surface-2:#f8fafc;
  --ink:#1e293b;
  --ink-2:#334155;
  --muted:#64748b;
  --muted-2:#94a3b8;
  --line:#e2e8f0;
  --line-2:#cbd5e1;
  --accent:#2563eb;
  --accent-hover:#1d4ed8;
  --accent-soft:#eff6ff;
  --ok:#16a34a;
  --ok-soft:#f0fdf4;
  --warn:#d97706;
  --warn-soft:#fffbeb;
  --danger:#dc2626;
  --danger-soft:#fef2f2;
  --radius:12px;
  --radius-sm:9px;
  --shadow:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 8px 24px rgba(15,23,42,.08);
  --container:1240px;
  --font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --preview-h:0px;
}