/* Dark neon lobby: deep navy glass surfaces, violet accent, gold highlights.
   Tokens only; the shared base (casino.css) already lays the components out this way. */

:root {
    /* Surfaces */
    --bg-0:        #07070f;            /* page */
    --bg-1:        #0c0c1a;            /* primary surface */
    --bg-2:        #14142a;            /* raised surface (inputs, chips) */
    --bg-glass:    rgba(14,14,28,.72); /* sticky chrome */
    --border:      rgba(255,255,255,.07);
    --border-2:    rgba(255,255,255,.14);
    --hover-wash:  rgba(255,255,255,.05);
    --shade-rgb:   7, 7, 15;           /* overlays on art */
    --hero-fallback: linear-gradient(135deg, #1a1a2e, #2a2a55);

    /* Brand */
    --accent:      #7c6aff;
    --accent-rgb:  124, 106, 255;
    --accent-2:    #a78bfa;
    --accent-2-rgb: 167, 139, 250;
    --accent-dim:  rgba(124,106,255,.22);
    --accent-glow: rgba(124,106,255,.35);
    --gold:        #f5c542;
    --gold-rgb:    245, 197, 66;
    --gold-dim:    rgba(245,197,66,.16);
    --mark-ink:    #0a0a14;            /* letters on the gradient mark and avatar */

    /* Semantic */
    --good:        #4ade80;
    --bad:         #ff5c5c;

    /* Type */
    --text:        #e9e9f4;
    --text-2:      #b9b9cf;
    --text-dim:    #8482a0;
    --font-ui:     'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}