/* === Amber Monochrome Dark Theme (mimics demo app dark-theme.css) === */

[data-theme="dark"] {
    --color-bg: #18150f;
    --color-bg-dark: #252119;
    --color-border: #5a4f42;
    --color-text: #e8dcc8;
    --color-text-muted: #9c8e7c;
    --color-primary: #d4920a;
    --color-primary-hover: #f0a500;
    --color-disabled: #4a4035;
    --color-success: #7a9a4a;
    --color-error: #c44838;
    --shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.55);
    color-scheme: dark;

    #logo img {
        filter: invert(1) brightness(1.6) sepia(1);
    }
}

[data-theme="dark"] body {
    background: var(--color-bg);
    color: var(--color-text);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-bg: #18150f;
        --color-bg-dark: #252119;
        --color-border: #5a4f42;
        --color-text: #e8dcc8;
        --color-text-muted: #9c8e7c;
        --color-primary: #d4920a;
        --color-primary-hover: #f0a500;
        --color-disabled: #4a4035;
        --color-success: #7a9a4a;
        --color-error: #c44838;
        --shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.55);
        color-scheme: dark;
    }

    :root:not([data-theme="light"]) body {
        background: var(--color-bg);
        color: var(--color-text);
    }

    :root:not([data-theme="light"]) #logo img {
        filter: invert(1) brightness(1.6) sepia(1);
    }
}