/* Light Theme (default) */
:root {
  --bg-primary: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-nav: #FFFFFF;
  --text-primary: #1E293B;
  --text-secondary: #64748B;
  --text-muted: #94A3B8;
  --border: #E2E8F0;
  --accent: #2563EB;
  --accent-hover: #1D4ED8;
  --success: #16A34A;
  --warning: #D97706;
  --danger: #DC2626;
  --info: #0EA5E9;
  --skeleton: #E2E8F0;
}

/* Dark Theme */
html.dark {
  --bg-primary: #0F172A;
  --bg-card: #1E293B;
  --bg-nav: #1E293B;
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --border: #334155;
  --skeleton: #334155;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  margin: 0;
  min-height: 100vh;
  transition: background-color 0.2s, color 0.2s;
}