:root {
    --bg: #0c121f;
    --surface: #0f172a;
    --surface-strong: #131e33;
    --surface-muted: #1a2438;
    --panel: #131c2d;
    --border: #1f2a3d;
    --border-strong: #2c3a52;
    --divider: #233047;
    --text: #e5e7eb;
    --text-strong: #f8fafc;
    --text-muted: #94a3b8;
    --text-hint: #7c8597;
    --accent: #7c3aed;
    --accent-strong: #9f67ff;
    --accent-contrast: #0c121f;
    --success: #22c55e;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #38bdf8;
    --shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.22);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 20px;
    --space-xl: 28px;
    --space-2xl: 36px;
    --layout-gap: 15px;
    --max-width: 1600px;
    --sidebar-width: 390px;
    --panel-min-height: 160px;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --line-height: 1.6;
    --card-bg: var(--surface);
    --card-border: var(--border);
    --card-radius: var(--radius-lg);
    --card-shadow: var(--shadow-soft);
    --button-radius: var(--radius-sm);
    --button-height: 40px;
    --grid-min: 260px;
    --grid-min-wide: 320px;
    --field-inline-min: 180px;
    --form-text: var(--text);
    --form-label: var(--text-muted);
    --form-label-active: var(--accent-strong);
    --form-underline: var(--border-strong);
    --form-underline-focus: var(--accent);
    --form-select-bg: var(--surface-muted);
    --form-select-border: var(--border);
    --form-option-bg: var(--surface);
    --form-option-text: var(--text);
    --autofill-shadow: rgba(124, 58, 237, 0.12);
}