/* ═══════════════════════════════════════════════════════════════════════════
   GGZ Dark — Theme Variable Contract (GGZ-THEME-SPEC v1.0)
   Flagship Dark Sci-Fi & Cyber Gaming Palette
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
    /* 1. Backgrounds */
    --theme-bg-primary: #0a0b0e;
    --theme-bg-secondary: #12141d;
    --theme-bg-card: rgba(18, 20, 29, 0.85);
    --theme-bg-card-hover: rgba(30, 33, 48, 0.92);

    /* 2. Text & Typography Colors */
    --theme-text-primary: #f8fafc;
    --theme-text-secondary: #cbd5e1;
    --theme-text-muted: #94a3b8;

    /* 3. Accent & Brand Glows */
    --theme-accent: #6366f1;
    --theme-accent-hover: #818cf8;
    --theme-accent-glow: rgba(99, 102, 241, 0.4);

    /* 4. Borders & Glassmorphism */
    --theme-border: rgba(255, 255, 255, 0.08);
    --theme-glass-bg: rgba(255, 255, 255, 0.04);
    --theme-glass-border: rgba(255, 255, 255, 0.08);

    /* 5. Component Surfaces */
    --theme-header-bg: rgba(10, 11, 14, 0.85);
    --theme-header-border: rgba(255, 255, 255, 0.06);
    --theme-footer-bg: rgba(10, 11, 14, 0.95);
    --theme-modal-bg: rgba(15, 17, 25, 0.96);
    --theme-input-bg: rgba(255, 255, 255, 0.05);
    --theme-input-border: rgba(255, 255, 255, 0.1);

    /* 6. Typography Families */
    --theme-font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --theme-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* 7. Corner Radii */
    --theme-radius-sm: 6px;
    --theme-radius-md: 10px;
    --theme-radius-lg: 16px;

    /* Extended Theme-Specific Tokens */
    --theme-card-glow-size: 25px;
    --theme-neon-gold: #ddaf31;
    --theme-neon-purple: #a855f7;
    --theme-neon-cyan: #06b6d4;
    --theme-neon-emerald: #10b981;

    /* Backward-Compatible Aliases */
    --bg-dark: var(--theme-bg-primary);
    --bg-card: var(--theme-bg-card);
    --text-main: var(--theme-text-primary);
    --text-muted: var(--theme-text-muted);
    --border-subtle: var(--theme-border);
    --primary-color: var(--theme-accent);
}