/* Theme values inherit into shared components and scoped Blazor styles. */
:root,
.theme-dark {
    color-scheme: dark;
    --theme-icon-color: #6495ed;
    --app-bg: #141114;
    --surface-bg: #22222b;
    --surface-raised: #2c2c39;
    --surface-inset: #1b1b24;
    --navigation-bg: #111117;
    --toolbar-bg: #1b1b24;
    --toolbar-border-color: #ffffff56;
    --sidebar-bg: linear-gradient(-45deg, #403a6a, #000);
    --text-primary: #f4f4fa;
    --text-muted: #b2b2c4;
    --border-color: #ffffff2b;
    --hover-bg: #ffffff14;
    --row-alt-bg: #ffffff05;
    --list-header-bg: #382e73;
    --list-header-text: #fff;
    --selection-bg: #007bff;
    --selection-text: #fff;
    --input-bg: #171720;
    --input-border: #656579;
    --focus-color: #83beff;
    --link-color: #83beff;
    --success-color: #53d488;
    --danger-color: #ff7b7b;
    --warning-color: #ffe071;
    --scrollbar-thumb: #7a7a90;
    --message-in-bg: #393943;
    --message-out-bg: #007bff;
    --message-out-text: #fff;
    --action-bg: #1769ce;
    --action-hover-bg: #1258ad;
    --action-text: #fff;
    --success-bg: #207c46;
    --success-hover-bg: #196438;
    --danger-bg: #b42332;
    --danger-hover-bg: #941d29;
    --radius-sm: 5px;
    --list-section-gap: 40px;
    --list-item-padding: 12px 15px;
}

.theme-light {
    color-scheme: light;
    --theme-icon-color: #bc9121;
    --app-bg: #f1f2f7;
    --surface-bg: #fff;
    --surface-raised: #fff;
    --surface-inset: #f2f3f8;
    --navigation-bg: #e9ebf3;
    --toolbar-bg: #f7f8fc;
    --toolbar-border-color: #25254760;
    --sidebar-bg: linear-gradient(-45deg, #e9e5f5, #f8f8fc);
    --text-primary: #222332;
    --text-muted: #626377;
    --border-color: #25254730;
    --hover-bg: #382e7312;
    --row-alt-bg: #f5f5fa;
    --list-header-bg: #e1dbf3;
    --list-header-text: #382e73;
    --selection-bg: #007bff;
    --selection-text: #fff;
    --input-bg: #fff;
    --input-border: #969bad;
    --focus-color: #006be6;
    --link-color: #185abc;
    --success-color: #167b43;
    --danger-color: #b42332;
    --warning-color: #ff00fa;
    --scrollbar-thumb: #9093a6;
    --message-in-bg: #e6e8f0;
    --message-out-bg: #007bff;
    --message-out-text: #fff;
}