/* ============================================================
   DESIGN TOKENS — games.to v3 Neon Magazine
   Dark theme with electric neon accents
   ============================================================ */
:root {
    /* Backgrounds — deep dark blue */
    --header-bg: #0B1224;
    --header-surface: rgba(255, 255, 255, 0.06);
    --bg-body: #0A1628;
    --bg-surface: #0F1D32;
    --bg-elevated: #17263E;
    --bg-overlay: rgba(5, 10, 25, 0.7);
    --bg-card: rgba(15, 29, 50, 0.85);
    --bg-glass: rgba(255, 255, 255, 0.04);
    --bg-input: #0B1526;

    /* Brand — Neon */
    --primary: #8B5CF6;
    --primary-hover: #A78BFA;
    --primary-light: rgba(139, 92, 246, 0.15);
    --primary-border: rgba(139, 92, 246, 0.35);
    --secondary: #06B6D4;
    --secondary-light: rgba(6, 182, 212, 0.1);
    --accent: #FBBF24;
    --accent-light: rgba(251, 191, 36, 0.15);

    /* Neon Palette */
    --neon-pink: #F472B6;
    --neon-blue: #38BDF8;
    --neon-green: #34D399;
    --neon-orange: #FB923C;

    /* Category Colors */
    --cat-hot: #F87171;
    --cat-top: #FBBF24;
    --cat-new: #34D399;
    --cat-megaways: #38BDF8;
    --cat-bonusbuy: #8B5CF6;
    --cat-jackpot: #FBBF24;

    /* Status */
    --danger: #F87171;
    --warning: #FBBF24;
    --info: #38BDF8;
    --success: #34D399;

    /* Text — high contrast on dark */
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;
    --text-on-dark: #F8FAFC;
    --text-on-dark-secondary: #94A3B8;

    /* Borders */
    --border: rgba(255, 255, 255, 0.06);
    --border-hover: rgba(139, 92, 246, 0.35);

    /* Shadows — deep for dark theme */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 20px rgba(139, 92, 246, 0.08);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
    --shadow-neon: 0 0 20px rgba(139, 92, 246, 0.15);

    /* Radii */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-xs: 6px;
    --radius-full: 9999px;

    /* Layout */
    --transition: 0.2s ease;
    --max-width: 1400px;
    --header-h: 64px;
    --gap: 20px;
}