/* Reset minimalista + tipografia base */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html, body { height: 100%; }
body {
    font-family: var(--il-font-sans);
    font-size: var(--il-font-size-base);
    line-height: var(--il-line-height-base);
    color: var(--il-color-text);
    background: var(--il-color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
h1, h2, h3, h4, h5, h6 { line-height: var(--il-line-height-tight); }

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

/* Foco visível — acessibilidade obrigatória */
:focus-visible {
    outline: 2px solid var(--il-color-primary);
    outline-offset: 2px;
}