/* Visual do RH da AF (cores da logo, fonte Inter, cabeçalho verde-escuro, cartões brancos). */
:root {
  --marca-50: #ecf7f0; --marca-100: #d3ecdc; --marca-500: #13894f; --marca-600: #006b3c; --marca-700: #005a32;
  --marca-900: #0a3a24; --marca-950: #062a1a; --folha: #72b43f;
  --fundo: #f3f5f2; --texto: #1c2620; --suave: #6b7280; --linha: #e5e7eb; --zebra: #f8faf8;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--fundo); color: var(--texto); }
body { font: 14px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
h1 { color: var(--marca-900); letter-spacing: -.01em; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 8px; padding: 8px 12px;
  font: 500 14px Inter, sans-serif; cursor: pointer; transition: background .15s; border: 0; }
.btn:disabled { opacity: .5; }
.btn-primario { background: var(--marca-700); color: #fff; box-shadow: 0 1px 2px rgb(0 0 0 / .05); }
.btn-primario:hover { background: var(--marca-900); }
.campo { width: 100%; border-radius: 8px; border: 1px solid #d1d5db; background: #fff; padding: 8px 12px; font: 14px Inter, sans-serif;
  outline: none; }
.campo:focus { border-color: var(--marca-500); box-shadow: 0 0 0 3px var(--marca-100); }
.rotulo { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 500; color: #4b5563; }
.cartao { border-radius: 12px; border: 1px solid rgb(229 231 235 / .8); background: #fff; box-shadow: 0 1px 3px rgb(10 58 36 / .06); }