/* ═══════════════════════════════════════════
   LV GAME HUB — Global Styles
   Shared by both [lv_auth] and [lv_game_hub]
   ═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
    --bg-primary:        #080a08;
    --bg-secondary:      #0f1410;
    --bg-card:           #131a14;
    --bg-card-hover:     #1a2319;
    --bg-input:          #111811;
    --border:            #1e2b1f;
    --border-light:      #2a3d2c;
    --text-primary:      #e8efe9;
    --text-secondary:    #8a9e8c;
    --text-muted:        #4d5e4f;
    --accent-green:      #4caf50;
    --accent-green-glow: rgba(76, 175, 80, 0.3);
    --accent-gold:       #d4a843;
    --accent-gold-glow:  rgba(212, 168, 67, 0.25);
    --accent-purple:     #9c27b0;
    --accent-red:        #e74c3c;
    --accent-blue:       #3498db;
    --radius:            16px;
    --radius-sm:         10px;
    --radius-xs:         6px;
    --font:              'Outfit', -apple-system, sans-serif;
    --font-mono:         'JetBrains Mono', monospace;
    --shadow:            0 8px 32px rgba(0,0,0,0.4);
    --shadow-glow:       0 0 30px var(--accent-green-glow);
    --transition:        0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ═══ TOAST (shared) ═══ */
.lvgh-toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-120px);
    max-width: 400px;
    width: calc(100% - 32px);
    padding: 14px 20px;
    background: rgba(19, 26, 20, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    z-index: 99999;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-align: center;
    pointer-events: none;
}
.lvgh-toast.show    { transform: translateX(-50%) translateY(0); }
.lvgh-toast.success { border-color: var(--accent-green); }
.lvgh-toast.stamp   { border-color: var(--accent-gold); box-shadow: 0 0 30px var(--accent-gold-glow); }
.lvgh-toast.error   { border-color: var(--accent-red); }