/* ==========================================================
   BASE — Reset, variáveis CSS e tipografia global
========================================================== */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --azul:        #003b8f;
  --amarelo:     #ffd200;
  --azul-escuro: #092b5a;
  --azul-claro:  #f4f7fc;
  --teal:        #00b4c8;
  --branco:      #ffffff;
  --cinza-100:   #f8f9fa;
  --cinza-600:   #4b5563;
  --cinza-800:   #1f2937;

  --font:        'Inter', system-ui, sans-serif;
  --radius:      12px;
  --radius-sm:   8px;
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, .08);
  --shadow-md:   0 8px 32px rgba(0, 0, 0, .12);
  --shadow-lg:   0 16px 48px rgba(0, 0, 0, .16);
  --transition:  .25s ease;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font);
  color: var(--cinza-800);
  background: var(--branco);
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}