/**
 * INF-005 F3 — base (reset, body, tipografia global, .container, .sr-only fica no f1-05).
 * Breakpoint canônico: 768 (RF006). O 769 do monolito era off-by-one de 1px.
 */

@layer base {
    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
        background-color: var(--cor-fundo);
        font-family: 'Roboto', sans-serif;
        color: var(--cor-texto);
        line-height: 1.6;
        padding-bottom: 50px;
        overflow-x: hidden;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    @media (min-width: 768px) {
        body { padding-bottom: 0; }
    }

    a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
    a:hover { color: var(--azul-principal); }
    img { max-width: 100%; height: auto; display: block; }
    ul { list-style: none; padding: 0; margin: 0; }
    .container { width: 100%; padding: 0 20px; margin: 0 auto; }
    body.no-scroll { overflow: hidden; }
}