/* ============================================================
   Fupy design tokens
   Single source of truth for palette, depth, glass + glow.
   Load this BEFORE page-specific stylesheets so the variables
   are available everywhere (login grid + dashboard).
   ============================================================ */

:root {
    /* --- Deep background (blue-black, not pure black) --- */
    --bg-deep-1: #070b14;   /* outer */
    --bg-deep-2: #0b1224;   /* inner glow of the radial */
    --bg-gradient: radial-gradient(ellipse at 50% 35%, var(--bg-deep-2), var(--bg-deep-1) 75%);

    /* --- The reactive grid --- */
    --grid-rest:  #0d1320;  /* resting tile: barely lifted from bg */
    --grid-edge:  rgba(120, 150, 210, 0.06); /* faint lattice hairline */

    /* --- Glow ramp: brand blues + one warm accent --- */
    --glow-blue-1: #62affc; /* light */
    --glow-blue-2: #2b7cff; /* mid    */
    --glow-blue-3: #005efe; /* deep / brand */
    --glow-gold:   #e9c46a; /* Empress Lia accent — sparks occasionally */

    /* --- Glass surface language (cards, modals, panels) --- */
    --glass-fill:   rgba(20, 32, 58, 0.45);
    --glass-fill-2: rgba(26, 41, 71, 0.55); /* slightly more opaque variant */
    --glass-border: rgba(170, 195, 255, 0.14);
    --glass-shadow: 0 8px 24px rgba(0, 0, 0, 0.45),
                    0 2px 6px  rgba(0, 0, 0, 0.35);
    --glass-blur: blur(14px);

    /* --- Radii: pick two, stop mixing 5/10/15/20 --- */
    --radius-card: 14px;
    --radius-sm:   8px;

    /* --- Motion: crisp, not sleepy --- */
    --glow-fade: 750ms;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

    /* --- Corrected primary (old value was invalid rgba) --- */
    --primary-color: rgba(233, 196, 106, 0.7);
}