/* ============================================================
   MAHS - Mozambique Airport Handling Services
   Ficheiro central de identidade visual (design tokens)
   Cores extraídas directamente do logotipo oficial:
     - Azul marinho : #071898
     - Vermelho     : #E4142F
     - Amarelo      : #F3E61B
   Este ficheiro deve ser carregado ANTES de qualquer outro CSS
   em todas as páginas, para que --primary / --secondary / --accent
   / --light / --dark / --gray tenham sempre os valores da marca.
   ============================================================ */

:root {
    /* Cores base do logotipo MAHS */
    --mahs-navy: #071898;
    --mahs-navy-dark: #050f66;
    --mahs-navy-light: #1e3bc4;
    --mahs-red: #E4142F;
    --mahs-red-dark: #b90f24;
    --mahs-yellow: #F3E61B;
    --mahs-yellow-dark: #c9a227;

    /* Aliases semânticos usados em todo o projecto (style.css, header.css,
       footer.css, about.css, contact.css, network.css, info.css,
       services/*.css, social-responsability.css, login.html, etc.) */
    --primary: var(--mahs-navy);
    --primary-dark: var(--mahs-navy-dark);
    --secondary: var(--mahs-red);
    --secondary-dark: var(--mahs-red-dark);
    --accent: var(--mahs-yellow);
    --accent-dark: var(--mahs-yellow-dark);
    --gold: var(--mahs-yellow-dark);
    --silver: #c0c0c0;

    --dark: #22262e;
    --gray: #5a6169;
    --text-color: #22262e;
    --light: #eef2fb;

    --white: #ffffff;
}

/* Utilitário genérico para reduzir o padding das secções em ecrãs
   pequenos (aplicado a várias páginas que partilham estas classes) */
@media (max-width: 480px) {
    .about-section, .gsa-section, .meet-greet-section, .ticketing-section,
    .social-responsibility-section, .services, .network, .info, .contact {
        padding: 50px 0;
    }
}