:root {
  --navy-900: #062237;
  --navy-800: #0c3049;
  --navy-700: #163d59;
  --azul-sec: #446177;
  --azul-apoio: #6c8ca4;
  --azul-apoio-2: #7c949c;
  --dourado: #e7c052;
  --dourado-escuro: #c79f34;

  --verde: #2f9e6e;
  --vermelho: #d9534f;
  --laranja: #e08a2c;

  --fundo: #f5f6f8;
  --superficie: #ffffff;
  --texto: #10222f;
  --texto-suave: #5b7080;
  --borda: #e3e7ec;
  --sombra: 0 1px 2px rgba(6, 34, 55, 0.06), 0 8px 24px -12px rgba(6, 34, 55, 0.12);

  --fonte-titulo: 'Manrope', sans-serif;
  --fonte-corpo: 'Inter', sans-serif;
  --fonte-dado: 'IBM Plex Mono', monospace;

  --raio: 12px;
}

[data-tema="escuro"] {
  --fundo: #0b1622;
  --superficie: #102232;
  --texto: #eef3f7;
  --texto-suave: #93a7b6;
  --borda: #1d3648;
  --sombra: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px -12px rgba(0,0,0,0.5);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--fonte-corpo); background: var(--fundo); color: var(--texto); -webkit-font-smoothing: antialiased; }

button, a, input, select, textarea {
  transition: background-color .18s ease, border-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .12s ease, opacity .18s ease;
}
button:active { transform: scale(0.97); }

@keyframes fadeInSuave {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.anim-fade-in { animation: fadeInSuave .35s ease; }
h1, h2, h3, h4 { font-family: var(--fonte-titulo); margin: 0; color: var(--texto); }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }