/* ─── Default body (fallback / home) ────────────────────────── */
body {
    font-family: "Space Grotesk", sans-serif;
    color: var(--ink);
    background:
        radial-gradient(circle at 18% 22%, rgba(38, 122, 255, 0.16), transparent 36%),
        radial-gradient(circle at 82% 70%, rgba(59, 232, 255, 0.12), transparent 34%),
        linear-gradient(145deg, #020712 0%, #04142b 52%, #030b19 100%);
    min-height: 100vh;
    overflow-x: hidden;
}

/* ─── Universe themes ────────────────────────────────────────── */
body.theme-cyber {
    --cyan: #3be8ff;
    --cyan-soft: #8ef3ff;
    --line: rgba(120, 219, 255, 0.24);
}

body.theme-automation {
    --bg-1: #301a0a;
    --bg-2: #5a2f12;
    --cyan: #cf691f;
    --cyan-soft: #f3b27a;
    --line: rgba(222, 141, 82, 0.3);
    --panel: rgba(53, 26, 9, 0.66);
    background:
        radial-gradient(circle at 18% 22%, rgba(224, 115, 36, 0.2), transparent 36%),
        radial-gradient(circle at 82% 70%, rgba(242, 165, 107, 0.12), transparent 34%),
        linear-gradient(145deg, #120804 0%, #2a1408 52%, #180b05 100%);
}

body.theme-veille {
    --cyan: #80d98e;
    --cyan-soft: #b8f5c1;
    --line: rgba(144, 225, 155, 0.32);
    --panel: rgba(20, 43, 23, 0.66);
    background:
        radial-gradient(circle at 18% 22%, rgba(126, 214, 142, 0.2), transparent 36%),
        radial-gradient(circle at 82% 70%, rgba(184, 245, 193, 0.14), transparent 34%),
        linear-gradient(145deg, #07180b 0%, #123019 52%, #0b1f11 100%);
}

body.theme-crisis {
    --cyan: #b8627a;
    --cyan-soft: #e5a9bc;
    --line: rgba(188, 111, 136, 0.35);
    --panel: rgba(56, 20, 33, 0.68);
    background:
        radial-gradient(circle at 18% 22%, rgba(168, 68, 99, 0.26), transparent 36%),
        radial-gradient(circle at 82% 70%, rgba(229, 169, 188, 0.13), transparent 34%),
        linear-gradient(145deg, #14070d 0%, #2d111d 52%, #1a0b13 100%);
}

body.theme-default {
    --cyan: #8fb9ff;
    --cyan-soft: #c4dbff;
    --line: rgba(148, 181, 232, 0.28);
}

/* ─── Per-page ambient-orb colour overrides ─────────────────── */
.page-cyber .ambient-orb-b {
    background: radial-gradient(circle, rgba(59, 232, 255, 0.42) 0%, rgba(59, 232, 255, 0.08) 42%, transparent 72%);
}

.page-automation .ambient-orb-b {
    background: radial-gradient(circle, rgba(242, 165, 107, 0.34) 0%, rgba(242, 165, 107, 0.08) 42%, transparent 72%);
}

.page-veille .ambient-orb-b {
    background: radial-gradient(circle, rgba(184, 245, 193, 0.34) 0%, rgba(184, 245, 193, 0.08) 42%, transparent 72%);
}