/* SkyTools Imaging Theme - Autumn Colors with Sky Blue Accents */

:root {
    /* Background */
    --background-gradient: linear-gradient(135deg, #0c0a09 0%, #451a03 25%, #78350f 40%, #451a03 80%, #0c0a09 100%);
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.8);
    
    /* Header & Navigation */
    --header-background: rgba(234, 88, 12, 0.1);
    --border-color: rgba(251, 146, 60, 0.2);
    --nav-hover: rgba(251, 146, 60, 0.15);
    
    /* Logo */
    --logo-gradient: linear-gradient(45deg, #f97316, #60a5fa, #ea580c);
    
    /* Version Switcher */
    --switcher-background: rgba(234, 88, 12, 0.15);
    --btn-inactive: rgba(234, 88, 12, 0.2);
    --btn-active: linear-gradient(45deg, #ea580c, #f97316);
    --btn-active-shadow: 0 2px 8px rgba(234, 88, 12, 0.4);
    --btn-hover: rgba(251, 146, 60, 0.25);
    --btn-glow-color: rgba(96, 165, 250, 0.7); /* sky blue */
    
    /* CTA Button */
    --cta-gradient: linear-gradient(45deg, #3b82f6, #60a5fa);
    --cta-hover: linear-gradient(45deg, #2563eb, #3b82f6);
    --cta-text: #ffffff;
    
    /* Accent Colors */
    --accent-main: #fb923c;
    --accent-light: #fed7aa;
    --accent-gold: #60a5fa;
    --accent-gold-gradient: linear-gradient(45deg, #3b82f6, #60a5fa);\ 
    --accent-subtle: #94a3b8;

    /* Content text links - for inline links within paragraphs and lists */
    .content-text-link {
        color: var(--accent-gold);
        text-decoration: underline;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .content-text-link:hover {
        color: var(--accent-light);
        text-decoration: none;
    }
    
    /* Sections */
    --section-background: rgba(234, 88, 12, 0.08);
    --feature-background: rgba(234, 88, 12, 0.05);
    --feature-border: rgba(251, 146, 60, 0.15);
    
    /* Edition Navigation */
    --edition-border: rgba(234, 88, 12, 0.5);
    --edition-background: rgba(234, 88, 12, 0.1);
    --edition-active: linear-gradient(45deg, #c2410c, #ea580c);
    --edition-active-shadow: 0 4px 15px rgba(96, 165, 250, 0.3);
    --edition-hover: rgba(234, 88, 12, 0.2);
    
    /* Media Borders */
    --image-border: rgba(96, 165, 250, 0.3);
    --video-border: rgba(96, 165, 250, 0.3);
    
    /* Footer */
    --footer-background: rgba(234, 88, 12, 0.1);
}