/* ========================================================================== SIA.AI Design System v2 — Fundamentos globais -------------------------------------------------------------------------- Escopo: tudo abaixo depende de `.sia-v2-body` (aplicada no do layout v2) ou de classes com prefixo `sia-v2-`. Nenhuma regra atinge páginas legadas, mesmo que este arquivo seja carregado por engano. Ordem de carregamento: tokens.css → foundations.css → components.css → app-shell.css → utilities.css ========================================================================== */ /* -------------------------------------------------------------------------- Reset mínimo — apenas o necessário, dentro do escopo do v2 -------------------------------------------------------------------------- */ .sia-v2-body, .sia-v2-body *, .sia-v2-body *::before, .sia-v2-body *::after { box-sizing: border-box; } .sia-v2-body { margin: 0; padding: 0; min-height: 100vh; background-color: var(--sia-v2-surface-app); color: var(--sia-v2-text); font-family: var(--sia-v2-font-sans); font-size: var(--sia-v2-font-size-body); font-weight: var(--sia-v2-font-weight-regular); line-height: var(--sia-v2-line-height-base); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .sia-v2-body h1, .sia-v2-body h2, .sia-v2-body h3, .sia-v2-body h4, .sia-v2-body h5, .sia-v2-body h6, .sia-v2-body p, .sia-v2-body figure, .sia-v2-body blockquote, .sia-v2-body dl, .sia-v2-body dd { margin: 0; } .sia-v2-body ul, .sia-v2-body ol { margin: 0; padding: 0; } .sia-v2-body img, .sia-v2-body svg { display: block; max-width: 100%; } /* Controles herdam tipografia e cor do documento — mas **como reset**, e não como regra que dispute com componente. `:where()` não soma especificidade, e é isso que o seletor precisa dizer. Escrito como `.sia-v2-body button` (0-1-1), este reset vencia `.sia-v2-button--primary` (0-1-0) e pintava o texto do botão primário com a cor herdada do corpo — preto sobre o verde da marca. O hover (`.sia-v2-button--primary:hover`, 0-2-0) voltava ao branco, e o resultado era um botão que só ficava legível durante a interação. Só `