/* Canonical semantic tokens. Legacy adapters below preserve widget behavior. */
:root {
    color-scheme: light;
    --background: #f4f7f9;
    --surface: #ffffff;
    --surface-muted: #eaf0f4;
    --foreground: #243747;
    --muted: #526575;
    --border: #8396a5;
    --primary: #086b86;
    --primary-hover: #07536a;
    --on-primary: #ffffff;
    --selected: #d9eef5;
    --ring: #087da0;
    --success: #21633d;
    --success-bg: #e3f4e9;
    --warning: #795008;
    --warning-bg: #fff2ce;
    --danger: #a62b35;
    --danger-bg: #fce7e9;
    --info: #245b8b;
    --info-bg: #e3effa;
    --scrollbar: #7a8e9e;
    --scrollbar-hover: #526b7f;
    --scrollbar-active: #344e63;
}
html[data-theme="dark"] {
    color-scheme: dark;
    --background: #111b24;
    --surface: #1a2834;
    --surface-muted: #253746;
    --foreground: #e4edf4;
    --muted: #b3c2ce;
    --border: #667f93;
    --primary: #7bd3e9;
    --primary-hover: #ade9f6;
    --on-primary: #102430;
    --selected: #244c60;
    --ring: #8de1f5;
    --success: #9be0b3;
    --success-bg: #203d30;
    --warning: #f3d38b;
    --warning-bg: #443821;
    --danger: #ffb1b8;
    --danger-bg: #482c36;
    --info: #acd3fa;
    --info-bg: #253d55;
    --scrollbar: #718a9e;
    --scrollbar-hover: #a5bacb;
    --scrollbar-active: #c8d7e2;
}