:root {
    --bg-color: #ffffff;
    --text-color: #1a1a1a;
    --card-bg: #f4f4f4;
    --accent: #3498db;
}

[data-theme='dark'] {
    --bg-color: #0f172a;
    --text-color: #f8fafc;
    --card-bg: #1e293b;
    --accent: #60a5fa;
}

body { background-color: var(--bg-color); color: var(--text-color); transition: 0.3s; }
.card { background-color: var(--card-bg); }
a { color: var(--accent); }