/* ═══════════════════════════════════════════════════════════════════════════
   🎨 CSS CUSTOM PROPERTIES (VARIABLES) - v2.0 Optimized
   Tekrar eden değerler merkezi olarak yönetiliyor
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* --- ANA RENKLER --- */
    --color-primary: #00eaff;
    --color-primary-rgb: 0, 234, 255;
    --color-secondary: #ffd700;
    --color-secondary-rgb: 255, 215, 0;
    --color-danger: #ff0055;
    --color-danger-rgb: 255, 0, 85;
    --color-success: #00ff88;
    --color-success-rgb: 0, 255, 136;
    --color-warning: #ffaa00;
    --color-warning-rgb: 255, 170, 0;

    /* --- GLOW RENKLER (Market butonları için) --- */
    --glow-gold: #ffd700;
    --glow-gold-rgb: 255, 215, 0;
    --glow-green: #00ff00;
    --glow-green-rgb: 0, 255, 0;
    --glow-purple: #aa00ff;
    --glow-purple-rgb: 170, 0, 255;
    --glow-red: #ff0000;
    --glow-red-rgb: 255, 0, 0;
    --glow-blue: #0088ff;
    --glow-blue-rgb: 0, 136, 255;
    --glow-orange: #ffaa00;
    --glow-orange-rgb: 255, 170, 0;

    /* --- TAKIMLAR (MOBA) --- */
    --team-blue: #0088ff;
    --team-blue-rgb: 0, 136, 255;
    --team-red: #ff2200;
    --team-red-rgb: 255, 34, 0;

    /* --- ARKA PLAN --- */
    --bg-dark: #05070a;
    --bg-panel: rgba(0, 0, 0, 0.5);
    --bg-panel-dark: rgba(0, 10, 20, 0.85);
    --bg-button: rgba(0, 20, 40, 0.6);

    /* --- BOYUTLAR --- */
    --btn-size: 45px;
    --btn-radius: 10px;
    --icon-btn-size: 40px;
    --border-radius-sm: 5px;
    --border-radius-md: 10px;
    --border-radius-lg: 20px;
    --border-radius-full: 50px;

    /* --- GEÇİŞLER --- */
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;

    /* --- FONT --- */
    --font-main: 'Orbitron', sans-serif;
    --font-mono: monospace;

    /* --- GLOW INTENSITY --- */
    --glow-intensity: 15px;
    --glow-intensity-sm: 10px;
    --glow-intensity-lg: 20px;
}