:root{
  --header-h: 64px;
  --radius: 12px;
}

[data-theme="dark"]{
  --ink:#e5e7eb; --muted:#9ca3af;
  --brand:#22c55e;
  --bg:#0b1220; --panel:#0e1729; --line:#22314d;
  --grid:#ffffff0f; --grid-strong:#ffffff12;
  --header-glass: linear-gradient(180deg, rgba(12,19,33,.85), rgba(12,19,33,.75));
  --hero-vignette: radial-gradient(1200px 800px at 70% -10%, #0d1b34 0%, #0b1426 40%, #0a1020 70%, #080d1a 100%);
}
[data-theme="light"]{
  --ink:#0f172a; --muted:#334155;
  --brand:#16a34a;
  --bg:#f6f8fb; --panel:#ffffff; --line:#e5e7eb;
  --grid:#00000010; --grid-strong:#00000015;
  --header-glass: linear-gradient(180deg, rgba(250,252,255,.82), rgba(248,250,255,.74));
  --hero-vignette: radial-gradient(1200px 800px at 70% -10%, #eef4ff 0%, #eef2ff 40%, #f3f5ff 70%, #f7f9ff 100%);
}

*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0; color:var(--ink); background:var(--bg);
  font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}