/* ==========================================================================
   Grupo Nordeste — Design Tokens (CSS Custom Properties)
   Marca: Grupo Nordeste  |  v1.0  |  2026-06-22
   Posicionamento: "Confiança que entrega. Presença que transforma."
   Importe este arquivo e use as variáveis var(--ne-*) em qualquer projeto.
   ========================================================================== */

:root {
  /* --- Cores da paleta oficial --- */
  --ne-azul-noite:        #1C164A; /* Azul Noite do Sertão — primária */
  --ne-verde-alga:        #16D63A; /* Verde Alga de Canoa Quebrada — acento */
  --ne-terracota:         #F48270; /* Terracota Cariri */
  --ne-azul-amanhecer:    #BAE5F6; /* Azul Amanhecer de Fortaleza */
  --ne-verde-raso:        #CDE7C3; /* Verde Raso da Prainha */
  --ne-verde-mangue:      #2F6636; /* Verde Mangue Seco */

  /* --- Neutras --- */
  --ne-branco:            #FFFFFF;
  --ne-bg:                #F4F7FB; /* fundo de conteúdo claro */
  --ne-tinta:             #1C164A; /* texto principal */
  --ne-texto-suave:       #5B6480; /* texto secundário */
  --ne-borda:             #E2E8F2;

  /* --- Aliases semânticos (use estes na aplicação) --- */
  --ne-primary:           var(--ne-azul-noite);
  --ne-accent:            var(--ne-verde-alga);
  --ne-accent-dark:       #0FB02E;
  --ne-surface:           var(--ne-branco);
  --ne-text:              var(--ne-azul-noite);
  --ne-text-muted:        var(--ne-texto-suave);
  --ne-text-on-dark:      var(--ne-azul-amanhecer);

  /* --- Tipografia --- */
  --ne-font-display:      "Arial Black", "Montserrat", system-ui, sans-serif;
  --ne-font-heading:      "Trebuchet MS", "Poppins", system-ui, sans-serif;
  --ne-font-body:         "Calibri", "Inter", system-ui, sans-serif;

  /* --- Raio e sombra padrão --- */
  --ne-radius:            12px;
  --ne-shadow:            0 4px 14px rgba(10, 10, 30, .12);
}

/* Exemplos de uso utilitário (opcional) */
.ne-bg-primary { background: var(--ne-primary); color: var(--ne-text-on-dark); }
.ne-accent     { color: var(--ne-accent); }
.ne-btn {
  background: var(--ne-accent);
  color: var(--ne-primary);
  font-family: var(--ne-font-heading);
  font-weight: 700;
  border: 0;
  border-radius: var(--ne-radius);
  padding: .7rem 1.4rem;
  cursor: pointer;
}
.ne-btn:hover { background: var(--ne-accent-dark); }