/* Theme overrides only. Theme selection is owned by the .theme-dark shell class. */
@layer themes {
    .theme-dark {
        color-scheme: dark;

        --paper: #0a1713;
        --card: #122a22;
        --ink: #eaf8f1;
        --muted: #a4bdb3;
        --line: #2c4e42;
        --green-soft: #1c4b3b;
        --shadow: 0 16px 38px rgba(0, 0, 0, .28);

        --ui-focus-ring: 0 0 0 4px rgba(91, 210, 168, .2);
        --ui-control-focus: 0 0 0 3px rgba(91, 210, 168, .2);
        --ui-card-border: #2d6653;
        --ui-card-border-hover: #55b996;
        --ui-card-shadow-hover: 0 20px 42px rgba(0, 0, 0, .36);
        --ui-card-bg: #122a22;
        --ui-surface-raised: #142f26;
        --ui-surface-subtle: #17372c;
        --ui-text: #eaf8f1;
        --ui-muted: #a4bdb3;
        --ui-danger: #ff9f96;
        --ui-live-color: #62cfa9;
        --text-primary: #eaf8f1;
        --text-secondary: #a4bdb3;
        --text-muted: #8da99e;
        --border-color: #2c4e42;
        --border-color-dark: #396653;
        --danger-color: #ffc2b8;
    }
}