/* Theme Variables */
:root {
    /* Light Mode */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-muted: #999999;
    --accent-primary: #0066cc;
    --accent-secondary: #0052a3;
    --border-color: #e0e0e0;
    --shadow: rgba(0, 0, 0, 0.1);

    /* Terminal colors - light mode */
    --terminal-prompt: #0066cc;
    --terminal-text: #2c5282;
    --link-color: #0066cc;
    --link-hover: #0052a3;
}

[data-theme="dark"] {
    /* Dark Mode */
    --bg-primary: #0a0a0a;
    --bg-secondary: #1a1a1a;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --text-muted: #666666;
    --accent-primary: #00ff88;
    --accent-secondary: #00cc6e;
    --border-color: #2a2a2a;
    --shadow: rgba(0, 0, 0, 0.3);

    /* Terminal colors - dark mode */
    --terminal-prompt: #00ff88;
    --terminal-text: #00ff88;
    --link-color: #00ccff;
    --link-hover: #00ff88;
}

/* System preference detection */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg-primary: #0a0a0a;
        --bg-secondary: #1a1a1a;
        --text-primary: #e0e0e0;
        --text-secondary: #a0a0a0;
        --text-muted: #666666;
        --accent-primary: #00ff88;
        --accent-secondary: #00cc6e;
        --border-color: #2a2a2a;
        --shadow: rgba(0, 0, 0, 0.3);
        --terminal-prompt: #00ff88;
        --terminal-text: #00ff88;
        --link-color: #00ccff;
        --link-hover: #00ff88;
    }
}