/* ---------------------------------------------------------------------------
   ORIGEM: logo/tokens.css — kit de marca Navarro (modelo 2C).
   Cópia literal. NÃO altere valores aqui: ajuste no kit e recopie.
   Tokens novos, exclusivos do site, ficam em site.css.
   --------------------------------------------------------------------------- */

/* Navarro — tokens de marca (modelo 2C) */
:root {
  --nv-blue: #4874B4;
  --nv-blue-dark: #2F5896;
  --nv-blue-light: #8FB4E6;
  --nv-grey: #9D9BA1;
  --nv-graphite: #414042;
  --nv-ink: #38383B;
  --nv-muted: #6C6A70;
  --nv-bg: #FFFFFF;
  --nv-bg-soft: #F0F3F9;
  --nv-bg-neutral: #F4F4F5;
  --nv-bg-dark: #26262A;
  --nv-line: #E4E3E6;

  --nv-gradient: linear-gradient(100deg, #9D9BA1 0%, #4874B4 78%);
  --nv-gradient-on-dark: linear-gradient(100deg, #FFFFFF 0%, #8FB4E6 82%);

  --nv-font: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --nv-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --nv-radius: 6px;
  --nv-radius-tile: 22%;
}

/* Wordmark em degradê — use em h1 de hero ou no rodapé */
.nv-wordmark {
  font-family: var(--nv-font);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  background: var(--nv-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}

/* Tagline calibrada para igualar a largura de NAVARRO.
   Regra: font-size da tagline = 0.284 x font-size do wordmark. */
.nv-tagline {
  font-family: var(--nv-font);
  font-weight: 400;
  color: var(--nv-blue);
  letter-spacing: 0.2208em;
  margin-right: -0.2208em;
  white-space: nowrap;
}

.nv-lockup { display: flex; align-items: center; gap: 0.5em; }
.nv-lockup__text { display: flex; flex-direction: column; gap: 0.18em; align-items: flex-start; }

/* Escala tipográfica do site */
.nv-h1 { font: 300 56px/1.05 var(--nv-font); letter-spacing: -0.025em; color: var(--nv-graphite); }
.nv-h2 { font: 300 34px/1.15 var(--nv-font); letter-spacing: -0.02em; color: var(--nv-graphite); }
.nv-h3 { font: 500 21px/1.3 var(--nv-font); color: var(--nv-graphite); }
.nv-body { font: 300 16.5px/1.65 var(--nv-font); color: var(--nv-muted); text-wrap: pretty; }
.nv-label { font: 500 12px/1.4 var(--nv-font-mono); text-transform: uppercase; letter-spacing: 0.18em; color: var(--nv-grey); }