/**
 * APATHANY - Paleta de Cores Oficial
 * Baseada na identidade visual do APATHANY
 * 
 * @version 1.0.0
 * @package PulseTheme
 */

:root {
    /* ==========================================
       CORES PRINCIPAIS APATHANY
       ========================================== */
    
    /* Background Principal */
    --apathany-bg-primary: #121212;
    --apathany-bg-secondary: #1A1A1A;
    --apathany-bg-tertiary: #2A2A2A;
    
    /* Gradientes Principais */
    --apathany-gradient-teal: linear-gradient(135deg, #1A363A 0%, #2A5C5E 100%);
    --apathany-gradient-magenta: linear-gradient(135deg, #5C003A 0%, #9C006A 100%);
    --apathany-gradient-accent: linear-gradient(135deg, #00FF8C 0%, #4A90E2 100%);
    
    /* Cores de Destaque */
    --apathany-accent-green: #00FF8C;
    --apathany-accent-blue: #4A90E2;
    --apathany-accent-pink: #FF008C;
    --apathany-accent-red: #A03030;
    --apathany-accent-orange: #FFC107;
    
    /* Textos */
    --apathany-text-primary: #FFFFFF;
    --apathany-text-secondary: #CCCCCC;
    --apathany-text-muted: #999999;
    --apathany-text-dark: #121212;
    
    /* Bordas e Divisores */
    --apathany-border-light: #333333;
    --apathany-border-medium: #555555;
    --apathany-border-accent: #00FF8C;
    
    /* Sombras */
    --apathany-shadow-light: rgba(0, 0, 0, 0.3);
    --apathany-shadow-medium: rgba(0, 0, 0, 0.5);
    --apathany-shadow-heavy: rgba(0, 0, 0, 0.7);
    --apathany-shadow-accent: rgba(0, 255, 140, 0.3);
}

/* ==========================================
   APLICAÇÃO DAS CORES APATHANY
   ========================================== */

/* Hero Section - Gradiente Teal */
.home-hero {
    background: var(--apathany-gradient-teal);
    box-shadow: 0 10px 40px var(--apathany-shadow-light);
}

/* Featured Sections - Gradiente Magenta */
.featured-section {
    background: var(--apathany-gradient-magenta);
    box-shadow: 0 5px 20px var(--apathany-shadow-light);
}

/* Stats Section - Background Escuro */
.stats-section {
    background: var(--apathany-bg-primary);
    border: 1px solid var(--apathany-border-light);
    box-shadow: 0 5px 20px var(--apathany-shadow-medium);
}

.stats-section h3 {
    color: var(--apathany-text-primary);
}

/* Badges - Gradiente Accent */
.section-badge {
    background: var(--apathany-gradient-accent);
    color: var(--apathany-text-dark);
    box-shadow: 0 4px 15px var(--apathany-shadow-accent);
}

.section-badge:hover {
    box-shadow: 0 6px 20px rgba(0, 255, 140, 0.5);
}

/* Section Headers - Linha Accent */
.section-header h2:before {
    background: var(--apathany-gradient-accent);
}

/* Dividers - Gradiente Accent */
.divider-wave {
    background: var(--apathany-gradient-accent);
}

.divider-line {
    background: linear-gradient(90deg, transparent, var(--apathany-accent-green), var(--apathany-accent-blue), transparent);
}

/* Scroll to Top - Gradiente Accent */
.scroll-to-top {
    background: var(--apathany-gradient-accent);
    color: var(--apathany-text-dark);
    box-shadow: 0 4px 15px var(--apathany-shadow-accent);
}

.scroll-to-top:hover {
    box-shadow: 0 6px 25px rgba(0, 255, 140, 0.6);
}

/* Ad Sections - Linha Accent */
.ad-section::before,
.ad-section::after {
    background: linear-gradient(90deg, transparent, var(--apathany-accent-green), transparent);
}

/* ==========================================
   CORES ESPECÍFICAS POR SEÇÃO
   ========================================== */

/* TOP 10 SATURNO - Destaque Principal */
.widget-section:first-of-type {
    background: var(--apathany-gradient-teal);
}

/* PLAYLISTS ESPECIAIS - Destaque Secundário */
.widget-section:nth-of-type(6) {
    background: var(--apathany-gradient-magenta);
}

/* ==========================================
   CARDS E ITEMS
   ========================================== */

.item {
    background: var(--apathany-bg-secondary);
    border: 1px solid var(--apathany-border-light);
    transition: all 0.3s ease;
}

.item:hover {
    background: var(--apathany-bg-tertiary);
    border-color: var(--apathany-accent-green);
    box-shadow: 0 10px 30px var(--apathany-shadow-light);
}

/* ==========================================
   BOTÕES E LINKS
   ========================================== */

.btn-apathany-primary {
    background: var(--apathany-gradient-accent);
    color: var(--apathany-text-dark);
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--apathany-shadow-accent);
}

.btn-apathany-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 255, 140, 0.5);
    color: var(--apathany-text-dark);
}

.btn-apathany-secondary {
    background: var(--apathany-bg-tertiary);
    color: var(--apathany-text-primary);
    border: 1px solid var(--apathany-border-medium);
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-apathany-secondary:hover {
    background: var(--apathany-accent-green);
    color: var(--apathany-text-dark);
    border-color: var(--apathany-accent-green);
}

/* ==========================================
   FORMULÁRIOS
   ========================================== */

.form-control-apathany {
    background: var(--apathany-bg-secondary);
    border: 1px solid var(--apathany-border-light);
    color: var(--apathany-text-primary);
    padding: 12px 16px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.form-control-apathany:focus {
    border-color: var(--apathany-accent-green);
    box-shadow: 0 0 0 3px rgba(0, 255, 140, 0.1);
    outline: none;
}

.form-control-apathany::placeholder {
    color: var(--apathany-text-muted);
}

/* ==========================================
   NAVEGAÇÃO
   ========================================== */

.nav-apathany {
    background: var(--apathany-bg-primary);
    border-bottom: 1px solid var(--apathany-border-light);
}

.nav-apathany .nav-link {
    color: var(--apathany-text-secondary);
    transition: color 0.3s ease;
}

.nav-apathany .nav-link:hover,
.nav-apathany .nav-link.active {
    color: var(--apathany-accent-green);
}

/* ==========================================
   MODAL E OVERLAYS
   ========================================== */

.modal-apathany {
    background: var(--apathany-bg-primary);
    border: 1px solid var(--apathany-border-light);
    border-radius: 15px;
    box-shadow: 0 20px 60px var(--apathany-shadow-heavy);
}

.modal-apathany .modal-header {
    border-bottom: 1px solid var(--apathany-border-light);
}

.modal-apathany .modal-footer {
    border-top: 1px solid var(--apathany-border-light);
}

/* ==========================================
   ALERTAS E NOTIFICAÇÕES
   ========================================== */

.alert-apathany-success {
    background: rgba(0, 255, 140, 0.1);
    border: 1px solid var(--apathany-accent-green);
    color: var(--apathany-accent-green);
    border-radius: 8px;
    padding: 12px 16px;
}

.alert-apathany-info {
    background: rgba(74, 144, 226, 0.1);
    border: 1px solid var(--apathany-accent-blue);
    color: var(--apathany-accent-blue);
    border-radius: 8px;
    padding: 12px 16px;
}

.alert-apathany-warning {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid var(--apathany-accent-orange);
    color: var(--apathany-accent-orange);
    border-radius: 8px;
    padding: 12px 16px;
}

.alert-apathany-danger {
    background: rgba(160, 48, 48, 0.1);
    border: 1px solid var(--apathany-accent-red);
    color: var(--apathany-accent-red);
    border-radius: 8px;
    padding: 12px 16px;
}

/* ==========================================
   RESPONSIVIDADE
   ========================================== */

@media (max-width: 768px) {
    :root {
        /* Ajustar cores para mobile se necessário */
        --apathany-shadow-light: rgba(0, 0, 0, 0.2);
        --apathany-shadow-medium: rgba(0, 0, 0, 0.3);
    }
}

/* ==========================================
   DARK MODE (já aplicado por padrão)
   ========================================== */

.dark-mode-enabled {
    /* As cores já são escuras por padrão */
}

/* ==========================================
   PRINT STYLES
   ========================================== */

@media print {
    :root {
        --apathany-bg-primary: #ffffff;
        --apathany-text-primary: #000000;
        --apathany-text-secondary: #333333;
        --apathany-border-light: #cccccc;
    }
}

/* ==========================================
   ACESSIBILIDADE
   ========================================== */

/* High Contrast Mode */
@media (prefers-contrast: high) {
    :root {
        --apathany-text-primary: #ffffff;
        --apathany-text-secondary: #ffffff;
        --apathany-border-light: #ffffff;
        --apathany-accent-green: #00ff00;
        --apathany-accent-blue: #0080ff;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .item,
    .section-badge,
    .scroll-to-top,
    .btn-apathany-primary,
    .btn-apathany-secondary {
        transition: none;
    }
}

/* ==========================================
   UTILITÁRIOS DE CORES
   ========================================== */

.text-apathany-primary { color: var(--apathany-text-primary) !important; }
.text-apathany-secondary { color: var(--apathany-text-secondary) !important; }
.text-apathany-muted { color: var(--apathany-text-muted) !important; }
.text-apathany-green { color: var(--apathany-accent-green) !important; }
.text-apathany-blue { color: var(--apathany-accent-blue) !important; }
.text-apathany-pink { color: var(--apathany-accent-pink) !important; }

.bg-apathany-primary { background: var(--apathany-bg-primary) !important; }
.bg-apathany-secondary { background: var(--apathany-bg-secondary) !important; }
.bg-apathany-tertiary { background: var(--apathany-bg-tertiary) !important; }
.bg-apathany-green { background: var(--apathany-accent-green) !important; }
.bg-apathany-blue { background: var(--apathany-accent-blue) !important; }

.border-apathany-light { border-color: var(--apathany-border-light) !important; }
.border-apathany-medium { border-color: var(--apathany-border-medium) !important; }
.border-apathany-accent { border-color: var(--apathany-accent-green) !important; }

/* ==========================================
   GRADIENTES UTILITÁRIOS
   ========================================== */

.gradient-apathany-teal { background: var(--apathany-gradient-teal) !important; }
.gradient-apathany-magenta { background: var(--apathany-gradient-magenta) !important; }
.gradient-apathany-accent { background: var(--apathany-gradient-accent) !important; }

/* ==========================================
   SHADOWS UTILITÁRIOS
   ========================================== */

.shadow-apathany-light { box-shadow: 0 5px 20px var(--apathany-shadow-light) !important; }
.shadow-apathany-medium { box-shadow: 0 5px 20px var(--apathany-shadow-medium) !important; }
.shadow-apathany-heavy { box-shadow: 0 20px 60px var(--apathany-shadow-heavy) !important; }
.shadow-apathany-accent { box-shadow: 0 4px 15px var(--apathany-shadow-accent) !important; }