/* Overrides pontuais — a maior parte vem do Tailwind CDN */

:root {
  --azul-profundo: #0F4C75;
  --azul-claro:    #3282B8;
  --areia-clara:   #F5E9D7;
  --areia-escura:  #D4B996;
  --verde:         #3F8E8B;
  --amarelo:       #D9A95B;
  --vermelho:      #D7806A;
}

body {
  background-color: var(--areia-clara);
  color: #1a1a2e;
}

/* Índice numérico grande */
.indice-num {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

/* Barra de confiança decrescente (horizonte 0→6) */
.barra-confianca {
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(to right, var(--azul-claro) 0%, transparent 100%);
}

/* Cores semânticas */
.cor-limpa   { color: var(--verde);    }
.cor-media   { color: var(--amarelo);  }
.cor-barrenta{ color: var(--vermelho); }

.bg-limpa    { background-color: var(--verde);    }
.bg-media    { background-color: var(--amarelo);  }
.bg-barrenta { background-color: var(--vermelho); }