:root {
  --bg: #f8fafc;
  --card: rgba(255, 255, 255, 0.92);
  --ink: #111827;
  --muted: #6b7280;
  --line: #e5e7eb;
  --primary: #0f172a;
  --accent: #b91c1c;
  --gold: #f59e0b;
  --green: #047857;
  --blue: #1d4ed8;
  --shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f172a;
    --card: rgba(30, 41, 59, .92);
    --ink: #f8fafc;
    --muted: #cbd5e1;
    --line: rgba(148, 163, 184, .25);
    --primary: #f8fafc;
  }
}