/* --- 1. IMPORTAÇÕES OBRIGATÓRIAS (PRIMEIRA COISA NO ARQUIVO) --- */
@import url('variables.css');
@import url('layout.css');
@import url('components.css');

/* --- 2. IMPORTAÇÃO DA FONTE --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

/* --- 3. ESTILOS GLOBAIS E STICKY FOOTER --- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body);
    color: var(--color-body-text);
    background-color: var(--color-white);
    padding-top: var(--header-height);

    /* Sticky Footer */
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--header-height));
}

main {
    flex-grow: 1; /* Empurra o footer para baixo */
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-dark);
}

a {
    text-decoration: none;
    color: var(--color-primary);
}
a:hover {
    color: var(--color-primary-dark);
}