:root {
    color-scheme: dark;

    /* Sofoste Aurora — the shared cosmic palette. */
    --sofoste-void: #050714;
    --sofoste-deep-space: #0b1027;
    --sofoste-starlight: #f6f2ff;
    --sofoste-moonlight: #c5c5d8;
    --sofoste-dust: #8e91ac;
    --sofoste-aurora: #69e7ff;
    --sofoste-orbit: #9b7aff;
    --sofoste-nebula: #f07bc5;
    --sofoste-solar: #f4c875;

    /* Every page may override these three accents in its own stylesheet. */
    --accent-primary: var(--sofoste-aurora);
    --accent-secondary: var(--sofoste-orbit);
    --accent-tertiary: var(--sofoste-nebula);
    --accent-warm: var(--sofoste-solar);

    --ink: var(--sofoste-starlight);
    --ink-soft: var(--sofoste-moonlight);
    --ink-muted: var(--sofoste-dust);
    --space: var(--sofoste-void);
    --space-raised: var(--sofoste-deep-space);
    --panel: rgba(15, 21, 48, 0.72);
    --panel-strong: #111833;
    --line: rgba(194, 203, 255, 0.14);
    --line-bright: rgba(122, 231, 255, 0.38);
    --line-bright: color-mix(in srgb, var(--accent-primary) 42%, transparent);
    --cyan: var(--accent-primary);
    --violet: var(--accent-secondary);
    --magenta: var(--accent-tertiary);
    --gold: var(--accent-warm);
    --success: #72e6b1;
    --danger: #ff8d9b;
    --radius-sm: 0.75rem;
    --radius: 1.25rem;
    --radius-lg: 2rem;
    --shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
    --shell: min(1180px, calc(100vw - 2.5rem));
    --font-display: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
    --font-body: Inter, "Segoe UI", Helvetica, Arial, sans-serif;
}