/**
 * Zelo — tipografia do guia de marca (Poppins).
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
    --font-display: "Poppins", system-ui, sans-serif;
    --font-body: "Poppins", system-ui, sans-serif;
    --font-campaign: "Poppins", system-ui, sans-serif;
    --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);
}

h1, .h1, 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;
}

.btn, button, .nav, .sidebar-menu, .menu-item {
    font-family: var(--font-display);
}