:root {
    color-scheme: dark;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;

    --bg: #06111f;
    --bg-deep: #030b14;
    --bg-soft: #091a2c;
    --sidebar: #081b31;
    --sidebar-end: #061525;
    --surface: #0f2740;
    --surface-2: #13334f;
    --surface-3: #19415f;
    --surface-raised: #173b59;
    --surface-inset: #0a2137;
    --surface-hover: #173d5e;
    --border: #285375;
    --border-strong: #39739d;
    --border-soft: #1b3c5c;
    --text: #f5f9ff;
    --body: #d3e3f2;
    --muted: #8fb2d1;
    --muted-2: #6e96b8;
    --blue: #58a8ff;
    --blue-strong: #2f7fce;
    --cyan: #36d4d0;
    --green: #4edaaa;
    --purple: #a58dff;
    --amber: #ffba4a;
    --red: #ff7188;
    --white: #ffffff;
    --scrollbar-track: rgba(4, 15, 27, .78);
    --scrollbar-thumb: #245170;
    --scrollbar-thumb-hover: #347da2;

    --primary-gradient: linear-gradient(135deg, #3c91e8 0%, #237fca 56%, #24aeb1 100%);
    --active-gradient: linear-gradient(90deg, rgba(55, 130, 207, .94), rgba(34, 105, 171, .78));
    --surface-gradient: linear-gradient(155deg, rgba(18, 50, 79, .99), rgba(12, 36, 59, .99));
    --header-gradient: linear-gradient(110deg, rgba(5, 17, 31, .98), rgba(8, 36, 53, .96));
    --sidebar-gradient: linear-gradient(180deg, #0a2440 0%, #071a2e 62%, #061525 100%);
    --page-gradient: radial-gradient(circle at 82% -12%, rgba(54, 212, 208, .10), transparent 31%), linear-gradient(145deg, var(--bg), #071625 48%, #08182a);

    --shadow-xs: 0 3px 12px rgba(0, 0, 0, .12);
    --shadow-sm: 0 8px 24px rgba(0, 0, 0, .16);
    --shadow: 0 18px 55px rgba(0, 0, 0, .22);
    --shadow-focus: 0 0 0 3px rgba(88, 168, 255, .18);
    --glow-active: 0 9px 24px rgba(16, 90, 156, .22);

    --radius-xs: 7px;
    --radius-sm: 10px;
    --radius: 15px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;

    --control-height-sm: 34px;
    --control-height: 40px;
    --control-height-lg: 46px;
    --sidebar-width: 270px;
    --sidebar-collapsed-width: 76px;
    --content-max: 1720px;
    --header-height: 90px;
    --motion-fast: 140ms;
    --motion: 200ms;
    --motion-normal: var(--motion);

    /* Compatibility aliases for current 1.8 components; mapped to original dark tokens. */
    --font-ui: var(--font-sans);
    --surface-soft: var(--surface-2);
    --border-subtle: var(--border-soft);
    --border-color: var(--border);
    --text-muted: var(--muted);
    --danger: var(--red);
    --accent-border: color-mix(in srgb, var(--blue) 38%, var(--border));
    --warning-border: color-mix(in srgb, var(--amber) 42%, var(--border));

    --z-sidebar: 60;
    --z-overlay: 55;
    --z-sticky: 30;
    --z-popover: 80;
    --z-modal: 100;
}