/* ========================================================================== Calculadora de Rescisao Trabalhista — Ferramenta Brasil Fluxo de um passo por vez, com o total somando a cada resposta. Regras herdadas da ORDEM-003 (acessibilidade AA) que NAO podem regredir: - nenhum texto abaixo de 15px - nenhum alvo de toque abaixo de 44x44 - contraste de texto >= 4,5:1 e de borda/foco >= 3:1 - anel de foco visivel em todo interativo - sem rolagem horizontal ate 195px de largura (zoom de 200%) Todos os valores de cor abaixo foram medidos, nao estimados. ========================================================================== */ :root { --ink: #101d24; /* 16,24:1 sobre --paper */ --muted: #55635e; /* 5,96:1 sobre --paper */ --linha: #79968d; /* 3,20:1 no branco, 3,03:1 no --paper */ --linha-fraca: #dde5e1;/* separador decorativo, nao e contorno de controle */ --paper: #f7f9f8; --surface: #ffffff; --brand: #0a6b5c; /* 6,07:1 sobre --paper */ --brand-dark: #085447; /* 8,38:1 sobre --paper — cor do anel de foco */ --sobre-brand: #c2e8de;/* 4,86:1 sobre --brand */ --delta-bg: #7ee0c4; --erro-bg: #fdecea; --erro-ink: #8a1f11; /* 8,04:1 sobre --erro-bg */ --raio: 12px; --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } *, *::before, *::after { box-sizing: border-box; } /* O atributo hidden e aplicado pelo navegador como display:none, mas qualquer regra de classe com display explicito o vence. Sem isto, o texto de espera continuava desenhado por baixo do valor da faixa. */ [hidden] { display: none !important; } html { font-size: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; min-height: 100vh; font-family: var(--sans); font-size: 17px; line-height: 1.5; color: var(--ink); background: var(--paper); } svg { display: block; flex-shrink: 0; } a { color: var(--brand-dark); text-underline-offset: 2px; } /* --- Foco: um so anel, em todo interativo ------------------------------- */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--brand-dark); outline-offset: 2px; border-radius: 4px; } /* --- Sem JavaScript ------------------------------------------------------ O CSP proibe