/* Pontifex console — design tokens.
   The look the owners chose (2026-09-22): "Glass · Split". Frosted panels on a deep
   gradient, one indigo accent, density between Glass and Quiet. Every colour that
   MEANS something (profit, loss, the four feed states) is a token here; nothing
   else on the page is coloured. RULE (Kenny 2026-09-23): green and red appear ONLY
   for profit and loss. Sides, takers, price moves, book, health: never green/red. */
@layer tokens {
    :root {
        color-scheme: dark;

        --bg: #05070f;
        --bg-2: #0b1226;
        --bg-3: #120a2a;
        --ink: #f4f6ff;
        --ink-2: #c7cee4;
        --muted: #9ca6c3;
        --dim: #68728e;

        --glass: rgba(255, 255, 255, 0.05);
        --glass-2: rgba(255, 255, 255, 0.08);
        --line: rgba(255, 255, 255, 0.1);
        --line-2: rgba(255, 255, 255, 0.16);

        --accent: #6c8cff;
        --accent-ink: #0a0d1c;
        --accent-soft: rgba(108, 140, 255, 0.16);

        --profit: #22d3a5;
        --loss: #ff5c7a;
        --amber: #f5b65c;

        /* The four feed states. Literal names; never merged. */
        --state-live: #6c8cff; /* not green: green/red are reserved for profit/loss */
        --state-stale: #f5b65c;
        --state-unknown: #b48cff;
        --state-nodata: #68728e;
        --state-feeddown: #ff9f43; /* orange, not red: red is loss only */

        /* Side colours: YES = sky blue, NO = violet. Never green/red (reserved for P&L). */
        --yes: #5cb8ff;
        --no: #b48cff;
        --yes-soft: rgba(92, 184, 255, 0.14);
        --no-soft: rgba(180, 140, 255, 0.14);
        --gold: #f5c86b;
        /* Book depth tints follow the sides: bids = YES buyers, asks = NO buyers. */
        --yes-bid: rgba(92, 184, 255, 0.22);
        --yes-ask: rgba(180, 140, 255, 0.2);
        /* Live-print flash follows the side colours too (green/red are P&L only). */
        --flash-up: rgba(92, 184, 255, 0.28);
        --flash-down: rgba(180, 140, 255, 0.26);

        --radius: 12px;
        --radius-s: 6px;
        --shadow: 0 18px 60px rgba(0, 0, 0, 0.28);

        --font:
            "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
        --fs: 13px;
        --lh: 1.45;
        --row: 32px;
        --pad: 16px;
        --gap: 10px;

        --rail-w: 232px;
        --rail-w-min: 56px;
        --topbar-h: 48px;
    }
}