:root{
    --radius: .75rem;
    --gap: 1rem;
    --bg-light: #f5f5f4;
    --card-light: #ffffff;
    --text-light: #333;
    --border-light: #e5e5e5;
    --bg-dark: #1b1b1f;
    --card-dark: #25252a;
    --text-dark: #f1f1f1;
    --border-dark: #33363a;
}
@media (prefers-color-scheme: dark){
    :root{
        --bg: var(--bg-dark);
        --card: var(--card-dark);
        --text: var(--text-dark);
        --border: var(--border-dark);
    }
}
@media (prefers-color-scheme: light){
    :root{
        --bg: var(--bg-light);
        --card: var(--card-light);
        --text: var(--text-light);
        --border: var(--border-light);
    }
}
body{
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, sans-serif;
    margin: 0;
    min-height: 100vh;
}
a{ color: inherit; text-decoration: none; }