:root {
  --bg: #f4f6f9;
  --bg-elevated: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --accent: #0ea5e9;
  --accent-dark: #0284c7;
  --border: #e2e8f0;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --priority-high: #ef4444;
  --priority-medium: #f59e0b;
  --priority-low: #22c55e;
  --pin-color: #eab308;
  --radius: 12px;
  --header-bg: #0f172a;
  --header-text: #ffffff;
}

[data-theme="dark"] {
  --bg: #0f172a;
  --bg-elevated: #1e293b;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --accent: #22d3ee;
  --accent-dark: #0ea5e9;
  --border: #334155;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
  --header-bg: #0f172a;
  --header-text: #ffffff;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--bg);
  color: var(--text);
  transition: background 0.2s ease, color 0.2s ease;
}