/* ============================================================
   GROW EMPREENDIMENTOS — Tokens de marca
   Base de design para o site. Importe este arquivo primeiro.
   Paleta extraída diretamente da Identidade Visual (IDV) oficial.
   ============================================================ */

:root {
  /* ---- Cores primárias (da IDV) ---- */
  --grow-navy:        #262B63;  /* azul-escuro principal — predomina no site */
  --grow-navy-700:    #1E224F;  /* navy mais profundo (hover, rodapé) */
  --grow-navy-900:    #161A3D;  /* quase preto-azulado (fundos de seção) */
  --grow-lavender:    #7581B1;  /* azul-lavanda secundário (topos da logo) */
  --grow-lavender-200:#AEB6D2;  /* lavanda clara (textos sutis sobre navy) */

  /* ---- Dourado de apoio (uso DISCRETO, só detalhes pequenos) ---- */
  --grow-gold:        #BFA15A;  /* dourado fosco/elegante */
  --grow-gold-soft:   #D8C58E;  /* dourado claro para hover/linhas finas */

  /* ---- Neutros ---- */
  --grow-white:       #FFFFFF;
  --grow-paper:       #F6F7FA;  /* fundo claro de seções alternadas */
  --grow-ink:         #1B1E2E;  /* texto corrido sobre fundo claro */
  --grow-muted:       #5A6172;  /* texto secundário */
  --grow-line:        #E3E6EF;  /* divisórias sutis */

  /* ---- Tipografia (sugestão; ver briefing) ---- */
  --grow-font-head: "Poppins", "Montserrat", system-ui, sans-serif; /* títulos */
  --grow-font-body: "Inter", "Roboto", system-ui, sans-serif;       /* corpo */

  /* ---- Layout ---- */
  --grow-max:   1200px;
  --grow-radius: 14px;
  --grow-shadow: 0 18px 40px -18px rgba(38, 43, 99, .35);
}

/* Exemplos de uso recomendado
   - Fundo dominante de hero/rodapé: var(--grow-navy) ou --grow-navy-900
   - Texto sobre navy: branco; subtítulos: var(--grow-lavender-200)
   - Botão primário: fundo navy, texto branco; hover: --grow-navy-700
   - Detalhe dourado: APENAS linhas finas, ícones pequenos, divisores,
     números/destaques curtos. Nunca blocos grandes em dourado.
*/