/* ── VARIÁVEIS GLOBAIS ── */
:root {
  /* Cor primária — Azul escuro (substitui o verde) */
  --green:        #1a3a6e;   /* azul escuro principal */
  --green-mid:    #2563eb;   /* azul médio — botões, destaques */
  --green-light:  #eff6ff;   /* azul clarinho — fundos suaves */
  --green-dark:   #112d57;   /* azul muito escuro — hover */

  /* Acento — Laranja vibrante (substitui âmbar) */
  --amber:        #f97316;
  --amber-light:  #fff7ed;
  --amber-dark:   #c2510d;

  /* Acento 2 — Coral (mantido) */
  --coral:        #f04e37;
  --coral-light:  #fff1ee;

  /* Roxo (mantido como acento) */
  --purple:       #7c3aed;
  --purple-light: #f3eeff;

  /* Azul info (mantido) */
  --blue:         #2563eb;
  --blue-light:   #eff6ff;

  /* Teal (mantido) */
  --teal:         #0891b2;
  --teal-light:   #ecfeff;

  /* Fundo escuro — azul marinho profundo */
  --ink:          #0d1b2e;
  --ink-mid:      #162540;

  --muted:        #64748b;
  --border:       #e2e8f0;
  --surface:      #f8fafc;
  --white:        #ffffff;

  /* Red */
  --red:          #dc2626;
  --red-light:    #fff1f1;

  /* Tipografia */
  --font-display: 'Barlow Condensed', 'Barlow-fallback', sans-serif;
  --font-body:    'DM Sans', 'DM-Sans-fallback', sans-serif;

  /* Espaçamentos */
  --section-pad:  4rem 1.5rem;
  --container:    880px;
  --radius:       14px;
  --radius-sm:    8px;
  --radius-pill:  50px;
}