/* ============================================
   ConclaveHub Games - CSS Variables
   ============================================ */

:root {
    /* === Base Colors === */
    --game-bg-primary: #0f172a;
    --game-bg-secondary: #1e293b;
    --game-bg-tertiary: #334155;
    
    /* === Text Colors === */
    --game-text-primary: #f8fafc;
    --game-text-secondary: #94a3b8;
    --game-text-muted: #64748b;
    
    /* === Accent Colors === */
    --game-accent-violet: #8b5cf6;
    --game-accent-blue: #3b82f6;
    --game-accent-emerald: #10b981;
    --game-accent-orange: #f97316;
    --game-accent-red: #ef4444;
    --game-accent-yellow: #eab308;
    --game-accent-indigo: #6366f1;
    
    /* === Game-specific Theme Colors === */
    --breakout-primary: #8b5cf6;
    --breakout-secondary: #a78bfa;
    
    --defense-primary: #3b82f6;
    --defense-secondary: #60a5fa;
    
    --clicker-primary: #10b981;
    --clicker-secondary: #34d399;
    
    --miner-primary: #f97316;
    --miner-secondary: #fb923c;
    
    --rocket-primary: #f59e0b;
    --rocket-secondary: #fbbf24;
    
    --trader-primary: #6366f1;
    --trader-secondary: #818cf8;
    
    /* === UI Elements === */
    --game-border-color: rgba(255, 255, 255, 0.1);
    --game-border-hover: rgba(255, 255, 255, 0.2);
    --game-glass-bg: rgba(15, 23, 42, 0.8);
    --game-glass-border: rgba(255, 255, 255, 0.05);
    
    /* === Spacing === */
    --game-spacing-xs: 0.25rem;
    --game-spacing-sm: 0.5rem;
    --game-spacing-md: 1rem;
    --game-spacing-lg: 1.5rem;
    --game-spacing-xl: 2rem;
    
    /* === Border Radius === */
    --game-radius-sm: 0.375rem;
    --game-radius-md: 0.75rem;
    --game-radius-lg: 1rem;
    --game-radius-xl: 1.5rem;
    --game-radius-full: 9999px;
    
    /* === Shadows === */
    --game-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --game-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
    --game-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4);
    --game-shadow-glow: 0 0 20px rgba(139, 92, 246, 0.3);
    
    /* === Transitions === */
    --game-transition-fast: 100ms ease;
    --game-transition-normal: 200ms ease;
    --game-transition-slow: 300ms ease;
    
    /* === Z-Index Layers === */
    --game-z-canvas: 1;
    --game-z-ui: 10;
    --game-z-overlay: 20;
    --game-z-modal: 50;
    --game-z-toast: 100;
}
