/* =========================================================
   BASE.CSS
   Função: variáveis visuais, reset, tipografia e elementos
   HTML fundamentais usados em todo o site.
   ========================================================= */
:root {
    --navy-950: #041238;
    --navy-900: #071b50;
    --navy-800: #0c2866;
    --navy-700: #153b82;
    --blue-100: #dfe9ff;
    --orange: #ff6a0a;
    --orange-2: #ff8b2a;
    --ink: #07183f;
    --text: #4f5d76;
    --muted: #748097;
    --line: #dfe5ee;
    --surface: #ffffff;
    --surface-soft: #f4f8fc;
    --surface-blue: #eef5fb;
    --success: #13764a;
    --danger: #ad2e3c;
    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 30px;
    --shadow: 0 20px 55px rgba(11, 30, 75, .10);
    --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: var(--text); background: var(--surface); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--ink); letter-spacing: -.035em; }
p { line-height: 1.65; }
::selection { background: rgba(255, 106, 10, .22); color: var(--ink); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }