:root {
    color-scheme: dark;
    --page-bg: #07111d;
    --page-gradient: radial-gradient(circle at 82% -10%, rgba(76, 152, 255, .23), transparent 30%), radial-gradient(circle at 8% 12%, rgba(77, 226, 196, .12), transparent 27%), linear-gradient(145deg, #081522 0%, #0b1c2a 48%, #07111e 100%);
    --surface-base: #0b1722;
    --surface-raised: rgba(15, 36, 51, .94);
    --surface-card: linear-gradient(145deg, rgba(24, 55, 73, .82), rgba(12, 29, 44, .82));
    --surface-control: rgba(12, 32, 48, .78);
    --surface-header: rgba(7, 20, 32, .72);
    --surface-hover: #142d40;
    --surface-active: #123149;
    --text-primary: #e8f2ff;
    --text-strong: #f4fbff;
    --text-secondary: #c1d2dc;
    --text-muted: #819bae;
    --text-subtle: #819bae;
    --text-on-accent: #061625;
    --border-default: rgba(125, 193, 222, .22);
    --border-strong: rgba(125, 193, 222, .4);
    --border-control: #4d8198;
    --accent-primary: #65d9ff;
    --accent-secondary: #398fe1;
    --accent-text: #8be0ff;
    --accent-soft: rgba(71, 181, 224, .15);
    --gradient-accent: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    --status-success: #8aefb5;
    --status-success-bg: rgba(45, 164, 111, .16);
    --status-warning: #f7c66a;
    --status-warning-bg: rgba(224, 162, 53, .16);
    --status-danger: #ff9eac;
    --status-danger-bg: rgba(225, 76, 100, .16);
    --status-info: #79d8ff;
    --kpi-cyan: #67eed8;
    --kpi-amber: #ffd37c;
    --kpi-violet: #c3a6ff;
    --kpi-green: #7deab0;
    --font-body: 'DM Sans', sans-serif;
    --font-heading: 'Manrope', sans-serif;
    --font-size-xs: 11px;
    --font-size-2xs: 9px;
    --font-size-sm: 12px;
    --font-size-md: 13px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-size-display: 40px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-heavy: 800;
    --line-height-tight: 1.15;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.65;
    --letter-spacing-normal: .06em;
    --letter-spacing-wide: .12em;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 22px;
    --space-6: 32px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --space-9: 56px;
    --space-10: 64px;
    --space-11: 72px;
    --space-12: 80px;
    --radius-sm: 8px;
    --radius-control: 12px;
    --radius-card: 16px;
    --radius-panel: 16px;
    --radius-round: 50%;
    --radius-pill: 999px;
    --shadow-control: inset 0 1px rgba(255,255,255,.09), 0 8px 20px rgba(0,0,0,.18);
    --shadow-card: inset 0 1px rgba(255,255,255,.08), 0 18px 35px rgba(0,0,0,.17);
    --shadow-panel: inset 0 1px rgba(255,255,255,.07), 0 24px 55px rgba(0,0,0,.24);
    --shadow-drawer: 20px 0 60px rgba(0,0,0,.3);
    --overlay-scrim: rgba(4, 16, 25, .56);
    --table-stripe: rgba(24, 57, 74, .3);
    --table-row-hover: rgba(42, 100, 126, .27);
    --color-transparent: transparent;
}

:root[data-theme="light"] {
    color-scheme: light;
    --page-bg: #edf4f8;
    --page-gradient: radial-gradient(circle at 82% -10%, rgba(76, 152, 255, .14), transparent 30%), radial-gradient(circle at 8% 12%, rgba(77, 226, 196, .12), transparent 27%), linear-gradient(145deg, #f8fcff 0%, #edf4f8 48%, #e8f0f5 100%);
    --surface-base: #ffffff;
    --surface-raised: rgba(255, 255, 255, .96);
    --surface-card: linear-gradient(145deg, #ffffff, #f2f8fb);
    --surface-control: #ffffff;
    --surface-header: rgba(255, 255, 255, .72);
    --surface-hover: #e5f2f7;
    --surface-active: #d9eef4;
    --text-primary: #193247;
    --text-strong: #10283a;
    --text-secondary: #456276;
    --text-muted: #4c6575;
    --text-subtle: #4c6575;
    --text-on-accent: #061625;
    --border-default: #c8dce5;
    --border-strong: #91bdce;
    --border-control: #7a8f9a;
    --accent-primary: #36b8d1;
    --accent-secondary: #258bb9;
    --accent-text: #0b6078;
    --accent-soft: rgba(54, 184, 209, .13);
    --gradient-accent: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    --status-success: #145b40;
    --status-success-bg: rgba(45, 164, 111, .13);
    --status-warning: #815b11;
    --status-warning-bg: rgba(224, 162, 53, .17);
    --status-danger: #a63248;
    --status-danger-bg: rgba(225, 76, 100, .13);
    --status-info: #176b93;
    --kpi-cyan: #147a7a;
    --kpi-amber: #815b11;
    --kpi-violet: #6651a5;
    --kpi-green: #187b54;
    --font-body: 'DM Sans', sans-serif;
    --font-heading: 'Manrope', sans-serif;
    --font-size-xs: 11px;
    --font-size-2xs: 9px;
    --font-size-sm: 12px;
    --font-size-md: 13px;
    --font-size-base: 14px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-size-display: 40px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-heavy: 800;
    --line-height-tight: 1.15;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.65;
    --letter-spacing-normal: .06em;
    --letter-spacing-wide: .12em;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 22px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --space-9: 56px;
    --space-10: 64px;
    --space-11: 72px;
    --space-12: 80px;
    --radius-sm: 8px;
    --radius-control: 12px;
    --radius-card: 16px;
    --radius-panel: 16px;
    --radius-round: 50%;
    --radius-pill: 999px;
    --shadow-control: 0 4px 12px rgba(24, 62, 81, .08);
    --shadow-card: 0 12px 30px rgba(24, 62, 81, .09);
    --shadow-panel: 0 18px 40px rgba(24, 62, 81, .1);
    --shadow-drawer: 16px 0 42px rgba(24, 62, 81, .18);
    --focus-ring: 0 0 0 2px var(--surface-base), 0 0 0 5px var(--accent-secondary);
    --overlay-scrim: rgba(24, 62, 81, .28);
    --table-stripe: rgba(217, 238, 244, .5);
    --table-row-hover: rgba(196, 229, 237, .72);
}