/* SkyTools Visual Theme - Sky Blue with Sunset Accents */

:root {
    /* Background */
    --background-gradient: linear-gradient(135deg, #0a1929 0%, #1e3a8a 50%, #2563eb 100%);
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.8);
    
    /* Header & Navigation */
    --header-background: rgba(59, 130, 246, 0.1);
    --border-color: rgba(147, 197, 253, 0.2);
    --nav-hover: rgba(147, 197, 253, 0.15);
    
    /* Logo */
    --logo-gradient: linear-gradient(45deg, #60a5fa, #fbbf24, #2563eb);
    
    /* Version Switcher */
    --switcher-background: rgba(59, 130, 246, 0.15);
    --btn-inactive: rgba(59, 130, 246, 0.2);
    --btn-active: linear-gradient(45deg, #2563eb, #3b82f6);
    --btn-active-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);
    --btn-hover: rgba(147, 197, 253, 0.25);
    --btn-glow-color: rgba(251, 191, 36, 0.7); /* gold */
    
    /* CTA Button */
    --cta-gradient: linear-gradient(45deg, #f59e0b, #fbbf24);
    --cta-hover: linear-gradient(45deg, #d97706, #f59e0b);
    --cta-text: #1e40af;
    
    /* Accent Colors */
    --accent-main: #60a5fa;
    --accent-light: #93c5fd;
    --accent-gold: #fbbf24;
    --accent-gold-gradient: linear-gradient(45deg, #f59e0b, #fbbf24);
    --accent-subtle: #94a3b8;
    
    /* Sections */
    --section-background: rgba(59, 130, 246, 0.08);
    --feature-background: rgba(59, 130, 246, 0.05);
    --feature-border: rgba(147, 197, 253, 0.15);
    
    /* Edition Navigation */
    --edition-border: rgba(37, 99, 235, 0.5);
    --edition-background: rgba(37, 99, 235, 0.1);
    --edition-active: linear-gradient(45deg, #1e40af, #2563eb);
    --edition-active-shadow: 0 4px 15px rgba(251, 191, 36, 0.3);
    --edition-hover: rgba(37, 99, 235, 0.2);
    
    /* Media Borders */
    --image-border: rgba(251, 191, 36, 0.3);
    --video-border: rgba(251, 191, 36, 0.3);
    
    /* Footer */
    --footer-background: rgba(59, 130, 246, 0.1);
}