/* Design tokens from Concept D (Ribbon). One set per theme; components use only these variables. */
:root,
:root[data-theme="light"] {
    color-scheme: light;
    --bg: #E9EDF3;
    --surface: #FFFFFF;
    --surface-2: #F6F8FB;
    --border: #DFE4EC;
    --line: #EDF0F5;
    --text: #171C24;
    --muted: #5C6778;
    --faint: #687282;
    --accent: #1560D4;
    --accent-text: #FFFFFF;
    --soft: #E7EEFC;
    --hover: #EFF2F7;
    --selected: #E3ECFD;
    --ok: #137239;
    --ok-soft: #E6F4EA;
    --warn: #B54708;
    --warn-soft: #FEF3E6;
    --danger: #C4461F;

    --note-yellow: #FFF4C2;
    --note-blue: #DCEBFF;
    --note-green: #E3F5E6;
    --note-pink: #FBE3EC;
    --note-purple: #EEE6FF;
    --note-text: #2A2A22;

    --radius-panel: 10px;
    --radius-control: 8px;
    --font-sans: 'Manrope', system-ui, sans-serif;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0E1117;
    --surface: #1C2029;
    --surface-2: #222733;
    --border: #2C3240;
    --line: #262B36;
    --text: #ECEFF4;
    --muted: #A3ACBB;
    --faint: #9199AA;
    --accent: #79A8FF;
    --accent-text: #0E1117;
    --soft: #223250;
    --hover: #252B37;
    --selected: #233454;
    --ok: #5FD08E;
    --ok-soft: #17301F;
    --warn: #F5A15B;
    --warn-soft: #35261A;
    --danger: #E0714A;
    --note-yellow: #3D3517;
    --note-blue: #1C2E4A;
    --note-green: #18321F;
    --note-pink: #3D1F2B;
    --note-purple: #2B2445;
    --note-text: #ECEFF4;
}

/* No explicit choice: follow the device. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
        --bg: #0E1117;
        --surface: #1C2029;
        --surface-2: #222733;
        --border: #2C3240;
        --line: #262B36;
        --text: #ECEFF4;
        --muted: #A3ACBB;
        --faint: #9199AA;
        --accent: #79A8FF;
        --accent-text: #0E1117;
        --soft: #223250;
        --hover: #252B37;
        --selected: #233454;
        --ok: #5FD08E;
        --ok-soft: #17301F;
        --warn: #F5A15B;
        --warn-soft: #35261A;
        --danger: #E0714A;
        --note-yellow: #3D3517;
        --note-blue: #1C2E4A;
        --note-green: #18321F;
        --note-pink: #3D1F2B;
        --note-purple: #2B2445;
        --note-text: #ECEFF4;
    }
}