body,html{margin:0;padding:0;font-family:system-ui,sans-serif}:root{--bg:#f4f4f4;--fg:#111;--card-bg:#fff;--card-fg:#111;--link:#0070f3;--card-shadow:rgba(0,0,0,0.1)}[data-theme=dark]{--bg:#121212;--fg:#eee;--card-bg:#1f1f1f;--card-fg:#eee;--link:#4ea8de;--card-shadow:rgba(0,0,0,0.5)}body{background:var(--bg);color:var(--fg);transition:background .3s,color .3s}a{color:var(--link);transition:color .3s}