@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-bg: #111111;
        --color-text: #e0e0e0;
        --color-text-secondary: #888888;
        --color-link: #e0e0e0;
        --color-border: #2a2a2a;
        --color-code-bg: #1e1e1e;
    }
}

[data-theme="dark"] {
    --color-bg: #111111;
    --color-text: #e0e0e0;
    --color-text-secondary: #888888;
    --color-link: #e0e0e0;
    --color-border: #2a2a2a;
    --color-code-bg: #1e1e1e;
}

[data-theme="light"] {
    --color-bg: #f8f8f8;
    --color-text: #1a1a1a;
    --color-text-secondary: #666666;
    --color-link: #1a1a1a;
    --color-border: #e0e0e0;
    --color-code-bg: #efefef;
}