:root {
    --bg: #ffffff;
    --bg-elevated: #f5f5f5;
    --bg-inset: #ececec;
    --border: #dcdcdc;
    --text: #111111;
    --text-muted: #6b6b6b;
    --accent: #111111;
    --accent-text: #ffffff;
    --nav-bg: #ffffff;
    --nav-border: #e2e2e2;

    --success: #1e7d34;
    --success-bg: #e6f4ea;
    --warning: #a86400;
    --warning-bg: #fbf0dc;
    --danger: #b3261e;
    --danger-bg: #fbe9e7;
    --info: #2a5db0;
    --info-bg: #e6edfb;

    --radius: 8px;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg: #121212;
        --bg-elevated: #1c1c1c;
        --bg-inset: #232323;
        --border: #333333;
        --text: #f2f2f2;
        --text-muted: #a3a3a3;
        --accent: #f2f2f2;
        --accent-text: #121212;
        --nav-bg: #171717;
        --nav-border: #2a2a2a;

        --success: #4caf6f;
        --success-bg: #163823;
        --warning: #e0a637;
        --warning-bg: #3a2c10;
        --danger: #e5766d;
        --danger-bg: #3a1c19;
        --info: #7ba3ec;
        --info-bg: #17233c;
    }
}

:root[data-theme="dark"] {
    --bg: #121212;
    --bg-elevated: #1c1c1c;
    --bg-inset: #232323;
    --border: #333333;
    --text: #f2f2f2;
    --text-muted: #a3a3a3;
    --accent: #f2f2f2;
    --accent-text: #121212;
    --nav-bg: #171717;
    --nav-border: #2a2a2a;

    --success: #4caf6f;
    --success-bg: #163823;
    --warning: #e0a637;
    --warning-bg: #3a2c10;
    --danger: #e5766d;
    --danger-bg: #3a1c19;
    --info: #7ba3ec;
    --info-bg: #17233c;
}