/* ============================================
   ARQUIVO DE CORES - ENAHPE 2027
   PALETA: PITCH-BLACK / RUSTY-SPICE / GOLDEN  (palette.scss)
   Cores-fonte: #000000 · #0D0A08 · #B6320A · #FCC41C
                #FAAF07 · #FBBC08 · #C8955C
   ============================================ */

:root {
    /* ===== PALETA PRINCIPAL - palette.scss ===== */
    --pitch-black:       #0D0A08ff;   /* Fundo escuro / header */
    --rusty-spice:       #B6320Aff;   /* Vermelho-ferrugem */
    --school-bus-yellow: #FCC41Cff;   /* Amarelo vivo */
    --sunflower-gold:    #FAAF07ff;   /* Dourado-girassol */
    --amber-gold:        #FBBC08ff;   /* Âmbar */
    --camel:             #C8955Cff;   /* Camelo / bege quente */
    --onyx:              #0A0A0Aff;   /* Preto suave */

    /* Intermediários derivados para gradientes */
    --warm-dark:         #3d1a08;     /* Entre pitch-black e rusty-spice */
    --warm-mid:          #6b2b0e;     /* Meio-tom quente */

    /* ===== MAPEAMENTO OBRIGATÓRIO PARA O SITE ===== */
    --cor-primaria:       var(--pitch-black);        /* #0D0A08 - Header/Footer */
    --cor-secundaria:     var(--warm-mid);            /* #6b2b0e - Elementos secundários */
    --cor-destaque:       var(--rusty-spice);         /* #B6320A - Bordas de títulos, highlights */
    --cor-fundo-claro:    #fdf4e3;                    /* Fundo creme quente */
    --cor-accent1:        var(--school-bus-yellow);   /* #FCC41C - Botões, ícones, links */
    --cor-accent2:        var(--sunflower-gold);      /* #FAAF07 - Hovers */
    --cor-accent3:        var(--camel);               /* #C8955C - Complemento */
    --cor-texto-escuro:   #1a0f05;                    /* Quase-preto quente */

    /* Aliases para compatibilidade com gradientes existentes no HTML */
    --glaucous:           var(--warm-mid);            /* usado em linear-gradient hero/cards */
    --air-force-blue:     var(--warm-dark);           /* usado em linear-gradient hero/cards */
    --golden-apricot:     var(--school-bus-yellow);   /* alias accent1 */
    --burnt-caramel:      var(--sunflower-gold);      /* alias accent2 */
    --cherry-rose:        var(--rusty-spice);         /* alias destaque */
    --sand:               var(--camel);               /* alias fundo quente */
    --charcoal-blue:      var(--pitch-black);         /* alias primária */

    /* ===== CORES DE INTERFACE (NEUTRAS) ===== */
    --cor-fundo:          #ffffff;
    --cor-fundo-card:     #ffffff;
    --cor-texto:          #1e1208;
    --cor-texto-claro:    #6b5040;
    --cor-borda:          #e8d5b8;
    --cor-sombra:         rgba(13, 10, 8, 0.10);
    --header-hover:       rgba(0, 0, 0, 0.07);

    /* ===== CORES COM TRANSPARÊNCIA ===== */
    --cor-primaria-alpha:    rgba(13, 10, 8, 0.08);
    --cor-primaria-alpha-md: rgba(13, 10, 8, 0.15);
    --cor-accent1-alpha:     rgba(252, 196, 28, 0.12);
    --cor-accent1-alpha-md:  rgba(252, 196, 28, 0.28);
    --cor-accent3-alpha:     rgba(200, 149, 92, 0.10);
    --cor-accent3-alpha-md:  rgba(200, 149, 92, 0.25);
    --cor-destaque-alpha:    rgba(182, 50, 10, 0.08);
    --cor-destaque-alpha-md: rgba(182, 50, 10, 0.20);
    --cor-accent2-alpha:     rgba(250, 175, 7, 0.08);
    --cor-secundaria-alpha:  rgba(107, 43, 14, 0.10);

    /* ===== EFEITOS ===== */
    --sombra:        0 5px 15px var(--cor-sombra);
    --sombra-forte:  0 8px 25px rgba(13, 10, 8, 0.14);
    --sombra-botao:  0 4px 10px rgba(252, 196, 28, 0.30);

    /* ===== GRADIENTES ===== */
    --gradiente-header: #EEECF1;

    --gradiente-botao: linear-gradient(to right,
        var(--school-bus-yellow),
        var(--sunflower-gold));

    --gradiente-botao-hover: linear-gradient(to right,
        var(--sunflower-gold),
        var(--rusty-spice));

    --gradiente-card: linear-gradient(to bottom right,
        #fdf4e3,
        #ffffff);

    /* ===== TRANSIÇÕES E BORDAS ===== */
    --transicao:             all 0.3s ease;
    --borda-redonda:         12px;
    --borda-redonda-grande:  15px;
    --borda-circulo:         50%;
}

/* ===== BOTÕES ===== */
.btn-lime {
    background: var(--gradiente-botao);
    color: var(--pitch-black);
    box-shadow: var(--sombra-botao);
    border: none;
    font-weight: 600;
    transition: var(--transicao);
}

.btn-lime:hover {
    background: var(--gradiente-botao-hover);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--sombra-forte);
}

.btn {
    background: var(--cor-accent1);
    color: var(--pitch-black);
    font-weight: 600;
    transition: var(--transicao);
}

.btn:hover {
    background: var(--cor-accent2);
    color: var(--pitch-black);
    transform: translateY(-2px);
}

/* ===== TÍTULOS ===== */
.section-title {
    border-bottom-color: var(--cor-destaque) !important;
}

.section-title i {
    color: var(--cor-accent1) !important;
}

/* ===== CARDS ===== */
.activity-card {
    border-left-color: var(--cor-secundaria) !important;
    background: var(--gradiente-card);
}

.activity-card:hover {
    border-left-color: var(--cor-accent1) !important;
}

.activity-icon {
    color: var(--cor-primaria) !important;
}

/* ===== LINKS ===== */
a {
    color: var(--cor-accent1);
    transition: var(--transicao);
}

a:hover {
    color: var(--cor-accent2);
}

/* ===== RODAPÉ ===== */
footer {
    background: var(--cor-primaria);
}

.footer-section h3 {
    color: var(--cor-accent1);
    border-bottom-color: var(--cor-accent2);
}

.contact-info i {
    color: var(--cor-accent1);
}

.social-icons a:hover {
    background-color: var(--cor-accent2);
}

/* ===== HEADER ===== */
header {
    background: var(--gradiente-header);
}

.logo i {
    color: var(--cor-accent1);
}

nav a:hover {
    background-color: var(--header-hover);
    color: #B6320A;
}

@media (max-width: 768px) {
    nav ul {
        background: #EEECF1;
    }
}