/* ─── Default body (fallback / home) ────────────────────────── */
body {
    font-family: "Space Grotesk", sans-serif;
    color: var(--ink);
    background:
        linear-gradient(180deg, #020712 0%, #071a32 50%, #030b19 100%);
    min-height: 100vh;
    overflow-x: hidden;
}

/* ─── Accent top-bar ─────────────────────────────────────────── */
.page-accent-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--cyan);
    z-index: 30;
}

/* ─── 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.26);
    --panel: rgba(40, 20, 8, 0.88);
    background:
        linear-gradient(180deg, #0e0804 0%, #1e1008 50%, #120a05 100%);
}

body.theme-veille {
    --cyan: #80d98e;
    --cyan-soft: #b8f5c1;
    --line: rgba(144, 225, 155, 0.26);
    --panel: rgba(16, 36, 20, 0.88);
    background:
        linear-gradient(180deg, #060f08 0%, #0f2414 50%, #0a170e 100%);
}

body.theme-crisis {
    --cyan: #b8627a;
    --cyan-soft: #e5a9bc;
    --line: rgba(188, 111, 136, 0.28);
    --panel: rgba(42, 16, 26, 0.88);
    background:
        linear-gradient(180deg, #0e060a 0%, #1e0e16 50%, #140a10 100%);
}

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