/* ============================================================
   Tipografia AlphaPress — padronizada pelo Manual de Identidade
   Visual (Gráfica Alpha Ultrapress).
   - Europa Grotesk SH Demibold -> TÍTULOS (h1..h4, marca)
   - Manrope                    -> CORPO / textos longos / UI
   Arquivos locais em /Fonte/. Manrope vem do Google Fonts.
   Este arquivo deve ser carregado ANTES dos demais CSS.
   ============================================================ */

/* Corpo oficial: Manrope (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

/* --------------------------------------------------------------
   Título oficial: Europa Grotesk SH Demibold (fonte comercial).
   Coloque o arquivo em /Fonte/ com um destes nomes que já tento
   carregar abaixo. Enquanto o arquivo não existir, os títulos
   caem no fallback (Manrope ExtraBold) — nada quebra.
   -------------------------------------------------------------- */
@font-face {
    font-family: 'Europa Grotesk';
    src: url('/Fonte/Europa Grotesk SH DemBol.ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* Voga/Canesa (fontes decorativas legadas) foram removidas: o padrão do manual
   usa apenas Europa Grotesk (títulos) e Manrope (corpo). Onde o CSS ainda cita
   'Voga' como fallback de var(--font-display), a Europa Grotesk tem prioridade. */

:root {
    /* Títulos -> Europa Grotesk (fallback Manrope ExtraBold até o arquivo chegar) */
    --font-display: 'Europa Grotesk', 'Manrope', 'Segoe UI', system-ui, sans-serif;
    --font-elegant: 'Europa Grotesk', 'Manrope', 'Segoe UI', system-ui, sans-serif;
    /* Corpo / UI -> Manrope */
    --font-body: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ------------------------------------------------------------
   Corpo / UI -> Manrope
   Cobre o body e as famílias sans antigas espalhadas pelo site
   (Inter, Poppins, Roboto, Open Sans, Space Grotesk, Montserrat).
   ------------------------------------------------------------ */
/* !important pontual nestas regras-âncora para forçar a troca global
   por cima dos vários font-family espalhados nos CSS carregados depois. */
body,
button,
input,
select,
textarea {
    font-family: var(--font-body) !important;
}

/* ------------------------------------------------------------
   Títulos -> Europa Grotesk (Manrope como fallback)
   ------------------------------------------------------------ */
h1, h2, h3, h4,
.home-section-head h2,
.alpha-home-premium .home-section-head h2,
.home-kicker,
.home-product-body h3 {
    font-family: var(--font-display) !important;
    letter-spacing: 0.01em;
}