/* Path: theme.css
   New shared design tokens, layered on top of global.css.
   Deliberately OVERRIDES --primary-color / --background-color (the 2026
   "tournament" rebrand) — every page's own CSS reads these via var(), so
   redefining them here recolors the whole app without touching any
   per-page file. All other tokens are purely additive. */

:root {
    /* ---- Rebrand palette override ---- */
    --primary-color: #5B5CF6;
    --background-color: #0B1020;

    /* New named tokens matching the palette spec */
    --qb-bg: #0B1020;
    --qb-primary: #5B5CF6;
    --qb-secondary: #7C3AED;
    --qb-gold: #FFC107;
    --qb-success: #22C55E;
    --qb-danger: #EF4444;

    /* Gold "prize" accent — used sparingly (CTAs, prize numbers, rank #1, bKash slide) */
    --gold-1: #FFD166;
    --gold-2: var(--qb-gold);
    --gold-gradient: linear-gradient(135deg, var(--gold-1), var(--gold-2));
    --gold-text: #7A4B00;

    /* Deep purple, for gradients paired with --primary-color */
    --purple-deep: var(--qb-secondary);
    --purple-gradient: linear-gradient(135deg, var(--qb-primary), var(--qb-secondary));

    /* Silver / bronze, for rank #2 / #3 */
    --silver-gradient: linear-gradient(135deg, #E6E9F0, #B9C0CE);
    --bronze-gradient: linear-gradient(135deg, #E8B27C, #B5651D);

    /* Glow / shadow */
    --glow-gold: 0 10px 28px rgba(255, 193, 7, 0.45);
    --glow-purple: 0 10px 28px rgba(91, 92, 246, 0.45);
    --glow-success: 0 8px 20px rgba(34, 197, 94, 0.4);
    --shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.35);

    /* Glass surface, for overlays on top of photographic/gradient banners */
    --surface-glass: rgba(255, 255, 255, 0.08);
    --surface-glass-strong: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(255, 255, 255, 0.14);

    /* Radii */
    --radius-lg: 20px;
    --radius-xl: 28px;

    /* z-index scale for the new top-bar / drawer */
    --z-topbar: 500;
    --z-drawer-overlay: 900;
    --z-drawer: 950;
}