:root {
  --bg: #f9fafb;
  --surface: #ffffff;
  --text: #111827;
  --text-muted: #4b5563;
  --nav: #ffffff;
  --footer: #020617;
  --footer-text: #d1d5db;
  --primary: #2563eb;
  --accent: #06b6d4;
  --radius: 14px;
}

[data-theme="dark"] {
  --bg: #0f172a;
  --surface: #1e293b;
  --text: #f1f5f9;
  --text-muted: #cbd5e1;
  --nav: #020617;
  --footer: #020617;
  --footer-text: #cbd5db;
}