/* ============================================================
   Tipografia AlphaPress
   - Voga      -> títulos display (h1/h2 grandes)
   - Canesa    -> subtítulos / destaques elegantes
   - Montserrat-> corpo de texto, botões e UI
   Arquivos locais em /Fonte/. Montserrat vem do Google Fonts.
   Este arquivo deve ser carregado ANTES dos demais CSS.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

@font-face {
    font-family: 'Voga';
    src: url('/Fonte/voga-regular.otf') format('opentype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canesa';
    src: url('/Fonte/Canesa Regular.otf') format('opentype'),
         url('/Fonte/Canesa Regular.ttf') format('truetype');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canesa';
    src: url('/Fonte/Canesa Italic.otf') format('opentype'),
         url('/Fonte/Canesa Italic.ttf') format('truetype');
    font-weight: 400 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-display: 'Voga', 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    --font-elegant: 'Canesa', 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    --font-body: 'Montserrat', 'Inter', 'Open Sans', 'Segoe UI', sans-serif;
}

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

/* ------------------------------------------------------------
   Títulos display -> Voga
   ------------------------------------------------------------ */
h1, h2,
.home-section-head h2,
.alpha-home-premium .home-section-head h2 {
    font-family: var(--font-display) !important;
    letter-spacing: 0.01em;
}

/* ------------------------------------------------------------
   Subtítulos / destaques elegantes -> Canesa
   ------------------------------------------------------------ */
h3, h4,
.home-kicker,
.home-product-body h3 {
    font-family: var(--font-elegant) !important;
}
