body[data-theme="dark"] {
    color-scheme: dark;
    --page-bg: #0b1323;
    --card-bg: #172033;
    --surface-subtle: #1f2b41;
    --surface-muted: #1f2b41;
    --surface-hover: #27334b;
    --surface-elevated: #1d2740;
    --surface-pressed: #24314b;
    --surface-card: #172033;
    --surface-overlay: color-mix(in oklab, var(--text-color) 30%, transparent);
    --control-bg: #1f2b41;
    --control-bg-hover: #27334b;
    --control-bg-disabled: #24314b;

    --border-color: #2b3d5f;
    --border-color-strong: #3d5279;
    --card-border: #2b3d5f;

    --text-color: #f8fafc;
    --text-soft: #d6dfeb;
    --text-muted: #94a3b8;
    --text-subtle: #9fb0c7;
    --muted-text: #9fb0c7;
    --text-main: var(--text-color);

    --accent-color: #60a5fa;
    --accent-weak: rgba(96, 165, 250, .18);
    --primary-color: #60a5fa;
    --brand-logo-gradient: linear-gradient(135deg, #2563eb 0%, #22c4ff 100%);
    --brand-logo-text: #ffffff;
    --brand-logo-shadow: 0 18px 38px rgba(37, 99, 235, .32);
    --success: #34d399;
    --warning: #fbbf24;
    --danger: #fb7185;

    --focus-ring: 0 0 0 3px rgba(96, 165, 250, .25);
    --shadow-soft: 0 14px 36px rgba(0, 0, 0, .35);
    --shadow-card: 0 8px 26px rgba(0, 0, 0, .34);
    --shadow-card-soft: 0 8px 26px rgba(0, 0, 0, .34);
    --shadow-hover: 0 18px 50px rgba(0, 0, 0, .46);
    --surface-panel: var(--card-bg);
    --surface-card-muted: rgba(15, 23, 42, .28);
    --surface-card-hover: rgba(96, 165, 250, .12);
    --surface-accent-soft: rgba(96, 165, 250, .14);
    --surface-warning-soft: rgba(245, 158, 11, .14);
    --surface-danger-soft: rgba(239, 68, 68, .14);
    --surface-success-soft: rgba(34, 197, 94, .14);
    --component-shadow: var(--shadow-soft);
    --component-border: var(--border-color);

    --radius-xs: 10px;
    --radius-sm: 12px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-pill: 999px;
    --control-height: 42px;

    --sidebar-bg: linear-gradient(180deg, #0b1730 0%, #0f1d33 58%, #111f36 100%);
    --sidebar-text: #f8fafc;
    --sidebar-text-subtle: #94a3b8;
    --sidebar-border: rgba(148, 163, 184, .2);
    --sidebar-item-hover: rgba(148, 163, 184, .1);
    --sidebar-item-active: linear-gradient(90deg, rgba(96, 165, 250, .34), rgba(14, 165, 233, .22));
    --sidebar-active-text: #ffffff;
    --sidebar-pill-bg: #1f2b41;
    --sidebar-pill-hover: rgba(96, 165, 250, .18);
    --sidebar-active-icon-bg: rgba(96, 165, 250, .24);

    --topbar-bg: #172033;
    --topbar-text: #f8fafc;
    --topbar-border: rgba(148, 163, 184, .2);
    --topbar-chip-bg: #1f2b41;
    --topbar-chip-hover: #27334b;
    --topbar-chip-text: #f8fafc;
    --topbar-chip-border: rgba(148, 163, 184, .2);
    --topbar-dropdown-shadow: 0 14px 34px rgba(0, 0, 0, .35);

    --ui-chip-bg: #1f2b41;
    --ui-chip-text: #d6dfeb;

    --surface-0: #172033;
}