/* CLAVE — Design Tokens
   Edite aqui para mudar cores/tipografia em todo o site */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@200;300;400;500&family=Inter:wght@400;500;600&display=swap');

:root {
  /* CORES */
  --blue-night:   #0E1825;
  --blue-corp:    #1A3362;
  --blue-primary: #2A5298;
  --blue-accent:  #4B8DD4;
  --blue-light:   #7EB3F0;
  --blue-mist:    #EEF3FA;
  --off-white:    #F6F5F1;
  --white:        #FFFFFF;
  --text:         #14233A;
  --text-2:       #6E6A62;
  --muted:        #908C82;
  --border:       #E2E1DC;

  /* FONTES */
  --font-display: 'Sora', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ESPAÇAMENTO */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  /* LAYOUT */
  --max-w: 1120px;
  --pad:   clamp(20px, 5vw, 40px);
  --radius: 10px;
  --shadow: 0 4px 24px rgba(14,24,37,.08);
  --focus:  0 0 0 3px rgba(75,141,212,.35);
}

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--off-white);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--blue-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: none; box-shadow: var(--focus); border-radius: 3px; }
h1,h2,h3,h4 {
  font-family: var(--font-display);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--text);
}
p { max-width: 66ch; }
button { cursor: pointer; font-family: var(--font-body); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}