:root {
    /* =========================
       BACKGROUND
       ========================= */

    --bg-main: #050809;
    --bg-deep: #020405;
    --bg-surface: #091012;
    --bg-surface-2: #0d1518;
    --bg-elevated: #111c20;


    /* =========================
       BORDERS
       ========================= */

    --border-subtle: #162328;
    --border-default: #21343a;
    --border-neon: #1e5c61;


    /* =========================
       PRIMARY — NEON GREEN
       ========================= */

    --neon-green: #00ff88;
    --neon-green-bright: #39ffad;
    --neon-green-dark: #00a85a;
    --neon-green-muted: #167a50;


    /* =========================
       SECONDARY — CYAN
       ========================= */

    --neon-cyan: #00e5ff;
    --neon-cyan-bright: #5ff3ff;
    --neon-cyan-dark: #008fa3;


    /* =========================
       ACCENT — MAGENTA
       ========================= */

    --neon-magenta: #ff2bd6;
    --neon-magenta-bright: #ff6be7;
    --neon-magenta-dark: #a9188e;


    /* =========================
       TEXT
       ========================= */

    --text-primary: #e8fff5;
    --text-secondary: #9bb5ad;
    --text-muted: #607872;
    --text-disabled: #3c504b;

    --text-neon: #7dffc5;
    --text-link: #53efff;


    /* =========================
       STATUS
       ========================= */

    --success: #00ff88;
    --warning: #ffd166;
    --error: #ff4567;
    --info: #00e5ff;


    /* =========================
       CODE
       ========================= */

    --code-bg: #030708;
    --code-surface: #071013;
    --code-border: #172a2e;

    --code-keyword: #ff6be7;
    --code-string: #7dffc5;
    --code-number: #ffd166;
    --code-function: #53efff;
    --code-comment: #4f6862;
    --code-type: #b98cff;


    /* =========================
       GLOW
       ========================= */

    --glow-green:
        0 0 8px rgba(0, 255, 136, 0.35),
        0 0 24px rgba(0, 255, 136, 0.15);

    --glow-cyan:
        0 0 8px rgba(0, 229, 255, 0.35),
        0 0 24px rgba(0, 229, 255, 0.15);

    --glow-magenta:
        0 0 8px rgba(255, 43, 214, 0.35),
        0 0 24px rgba(255, 43, 214, 0.15);
}