:root {
    color-scheme: dark;

    /* Palette */
    --color-bg: #050b1f;
    --color-bg-gradient: linear-gradient(180deg, #050b1f 0%, #071430 100%);
    --color-surface: rgba(10, 18, 36, 0.92);
    --color-surface-alt: rgba(13, 25, 46, 0.88);
    --color-surface-soft: rgba(255, 255, 255, 0.05);
    --color-overlay: rgba(4, 12, 26, 0.7);
    --color-border: rgba(102, 128, 175, 0.28);
    --color-border-strong: rgba(118, 154, 214, 0.4);
    --color-text: #f4f7ff;
    --color-muted: #8ca2cc;
    --color-primary: #4da3ff;
    --color-primary-strong: #3277ff;
    --color-accent: #6cd8ff;
    --color-success: #4dd6b2;
    --color-danger: #ff7a7a;

    /* Geometry */
    --radius-sm: 10px;
    --radius: 16px;
    --radius-lg: 24px;
    --shadow: 0 24px 48px rgba(5, 10, 30, 0.45);
    --sidebar-width: 272px;
    --container-max: 1200px;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;

    /* Typography */
    --font-family-base: 'Segoe UI', 'Inter', sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --line-height-base: 1.55;

    /* Motion */
    --transition: 180ms ease;
    --focus-ring: 0 0 0 3px rgba(77, 163, 255, 0.55);

    /* Derived aliases */
    --bg-body: var(--color-bg-gradient);
    --bg-surface: var(--color-surface);
    --bg-surface-glass: rgba(13, 25, 46, 0.82);
    --bg-panel: var(--color-surface-alt);
    --bg-soft: var(--color-surface-soft);

    --text-primary: var(--color-text);
    --text-muted: var(--color-muted);
    --text-inverse: #041021;

    --primary: var(--color-primary);
    --primary-strong: var(--color-primary-strong);
    --accent: var(--color-accent);
    --accent-soft: rgba(108, 216, 255, 0.16);
    --disabled-surface: rgba(255, 255, 255, 0.1);
    --surface-input: rgba(255, 255, 255, 0.08);

    --success: var(--color-success);
    --success-soft: rgba(77, 214, 178, 0.15);
    --success-border: rgba(77, 214, 178, 0.4);
    --danger: var(--color-danger);
    --danger-soft: rgba(255, 122, 122, 0.15);
    --danger-border: rgba(255, 122, 122, 0.4);
    --info-soft: rgba(108, 216, 255, 0.18);
    --info-border: rgba(108, 216, 255, 0.4);

    --border-soft: rgba(102, 128, 175, 0.18);
    --shadow-card: var(--shadow);

    --radius-md: var(--radius);
    --space-xxs: var(--space-1);
    --space-xs: var(--space-2);
    --space-sm: var(--space-3);
    --space-md: var(--space-4);
    --space-lg: var(--space-5);
    --space-xl: var(--space-6);
    --space-xxl: calc(var(--space-6) + 1rem);

    --font-size-base: var(--font-size-md);
    --focus-outline: var(--focus-ring);
    --transition-base: var(--transition);
}