/**
 * Alicerce / Lastro — Tipografia institucional (Brand Book)
 * Manrope → títulos, UI, botões, menus
 * Inter → corpo e textos longos
 * Space Grotesk → apresentações e campanhas (uso pontual)
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Space+Grotesk:wght@300..700&display=swap');

:root {
    --font-display: "Manrope", system-ui, sans-serif;
    --font-body: "Inter", system-ui, sans-serif;
    --font-campaign: "Space Grotesk", system-ui, sans-serif;

    /* Aliases legados */
    --font-title: var(--font-display);
    --font-ui: var(--font-display);
    --font-logo: var(--font-display);
    --font-principal: var(--font-body);
    --font-titulos-ui: var(--font-display);
}

/* Hierarquia */
h1, .h1 {
    font-family: var(--font-display);
    font-weight: 700;
}

h2, .h2 {
    font-family: var(--font-display);
    font-weight: 600;
}

h3, .h3, h4, .h4 {
    font-family: var(--font-display);
    font-weight: 500;
}

body {
    font-family: var(--font-body);
    font-weight: 400;
}

small, .text-small, .form-hint, .hint, .text-muted {
    font-family: var(--font-body);
    font-weight: 500;
}

.btn,
button,
input[type="submit"],
input[type="button"],
.menu-item a,
.sidebar-title,
.sidebar-menu a,
nav a,
.eyebrow,
.tagline {
    font-family: var(--font-display);
}

.font-campaign,
.display-campaign,
.hero-campaign {
    font-family: var(--font-campaign);
}