:root {
    /* ZÁKLADNÍ BARVY */
    --primary-color: #e0a800; 
    --primary-dark: #c69500;
    --accent-color: #ffc107; 
    
    /* SPECIÁLNÍ BARVY IKON A EFEKTŮ */
    --color-whatsapp: #25d366;
    --shadow-whatsapp: drop-shadow(0 0 12px rgba(37, 211, 102, 0.4));
    --color-email: #00a8ff;
    --shadow-email: drop-shadow(0 0 12px rgba(0, 168, 255, 0.4));
    --hero-overlay-dark: rgba(33, 37, 41, 0.5);

    /* TEXTY */
    --text-dark: #212529;
    --text-light: #f8f9fa;
    --text-hero-h2: #ffffff; 
    --text-hero-p: #e9ecef;  
    --text-muted: #cccccc;   

    /* POZADÍ A SKLO */
    --bg-light: #ffffff;
    --bg-dark: #f1f3f5;
    --glass-bg-nav: rgba(20, 20, 20, 0.95);
    --glass-bg-card: rgba(15, 15, 15, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-border-hover: rgba(255, 193, 7, 0.5); 
    --swipe-dot-bg: rgba(255, 255, 255, 0.3);

    /* ZAOBELNÍ */
    --radius-sm: 5px;   
    --radius-md: 10px;  
    --radius-lg: 15px;  
    --radius-round: 50%; 
    --radius-pill: 20px; 

    /* STÍNY A GLOW EFEKTY */
    --shadow-hero-text: 2px 4px 8px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.6); 
    --shadow-card-text: 0 2px 4px rgba(0, 0, 0, 0.8);
    --shadow-text-glow: 2px 4px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.5);
    --shadow-text-glow-sub: 1px 2px 5px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 0, 0, 0.4);
    
    --shadow-nav-glow: 0 0 10px rgba(255, 193, 7, 0.6);
    
    /* 🎯 Úprava: Žádné 0 0 glow, ale silná plynulá záři jako na MK3DHUB */
    --shadow-card-hover: 0 0 30px rgba(255, 193, 7, 0.35); 
    
    --shadow-logo: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.6));
    --shadow-icon: drop-shadow(0 0 5px rgba(255, 255, 255, 0.2));
    --shadow-mouse: 0 0 10px rgba(0, 0, 0, 0.5);

    /* BLUR EFEKTY */
    --blur-nav: blur(10px);
    --blur-card: blur(8px);

    /* OSTATNÍ */
    --font-main: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --transition-speed: 0.3s;
}

/* Přidej do variables.css (sekce STÍNY) */
:root {
    /* Tvoje stávající variables... */

    /* NOVÉ STÍNY PRO TLAČÍTKA */
    --shadow-btn: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-btn-hover: 0 6px 12px rgba(0, 0, 0, 0.5);

    /* PRO ČASOVÁNÍ ANIMACÍ */
    --transition-speed: 0.3s; /* Toto už tam možná máš, stačí zkontrolovat */
    --transition-nav: 0.4s;
    --transition-nav-slow: 0.8s;
    
    /* NOVÉ PROMĚNNÉ PRO STÍNY A ANIMACE */
    --shadow-btn: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-btn-hover: 0 6px 12px rgba(0, 0, 0, 0.5);
    --transition-nav: 0.4s;
    --transition-nav-slow: 0.8s;
}