/*
 * CSS base do tema CNBL.
 * Cores e tipografia vem dos tokens do theme.json, nunca repetidas em hex:
 * assim ha uma unica fonte de verdade para a paleta.
 */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins-600.woff2') format('woff2');
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--normal);
    line-height: 1.6;
    color: var(--wp--preset--color--texto);
    background: var(--wp--preset--color--fundo);
}

h1, h2, h3, h4 { font-weight: 600; line-height: 1.2; margin: 0 0 0.5em; }

a { color: var(--wp--preset--color--primaria); }
a:hover, a:focus { color: var(--wp--preset--color--primaria-clara); }

img { max-width: 100%; height: auto; }

.cnbl-container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1rem;
}

/* Acessibilidade: foco sempre visivel. */
:focus-visible {
    outline: 2px solid var(--wp--preset--color--primaria);
    outline-offset: 2px;
}

.cnbl-pular-para-conteudo {
    position: absolute;
    left: -9999px;
}
.cnbl-pular-para-conteudo:focus {
    left: 1rem;
    top: 1rem;
    z-index: 100;
    background: var(--wp--preset--color--fundo);
    padding: 0.75rem 1rem;
}