/* =========================================================
   MEMÓRIAS DA PEQUENA ÁFRICA
   Identidade visual — Galeria Providência
   ========================================================= */

/* Tipografias institucionais */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700;800;900&family=Faustina:wght@400;500;600;700&display=swap');


/* =========================================================
   PALETA OFICIAL — GALERIA PROVIDÊNCIA
   ========================================================= */

:root {

    /* Cores principais */
    --gp-verde: #00ff00;
    --gp-magenta: #ff00ff;
    --gp-ciano: #00ffff;
    --gp-amarelo: #ffff00;

    /* Variações */
    --gp-verde-medio: #b8d982;
    --gp-verde-claro: #d4e5bd;

    --gp-rosa: #f7b2d1;
    --gp-lilas: #e8c7e0;

    --gp-azul: #abcce0;
    --gp-ciano-claro: #c9e8e8;

    --gp-amarelo-medio: #ffe08a;
    --gp-amarelo-claro: #fff5b5;

    /* Neutros */
    --gp-preto: #000000;
    --gp-branco: #ffffff;

    /* Tipografia */
    --gp-fonte-titulo: 'Big Shoulders Display', sans-serif;
    --gp-fonte-texto: 'Faustina', Georgia, serif;

    /* =========================================================
       COMPATIBILIDADE COM A IDENTIDADE ANTERIOR DA PLATAFORMA
       ========================================================= */

    --marrom-escuro: var(--gp-preto);
    --marrom-medio: var(--gp-preto);

    --terracota: var(--gp-magenta);
    --dourado: var(--gp-amarelo);

    --bege: var(--gp-amarelo-claro);
    --fundo: var(--gp-branco);

    --texto: #111111;
    --cinza: #555555;
    --branco: var(--gp-branco);
}
/* =========================================================
   LOGOTIPO INSTITUCIONAL
   ========================================================= */

.logo-galeria-header {
    display: block;
    width: 190px;
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
}

@media (max-width: 720px) {
    .logo-galeria-header {
        width: 165px;
    }
}

@media (max-width: 520px) {
    .logo-galeria-header {
        width: 145px;
    }
}