/* ─── DESIGN TOKENS — Portal Capelinha ──────────────────────────────
   Fonte única de verdade para cores, sombras e transições.
   Altere aqui e o efeito propaga para todo o projeto.
────────────────────────────────────────────────────────────────── */

:root {
  /* Paleta principal (baseada na bandeira municipal de Capelinha) */
  --azul:        #1B6B3A;   /* verde floresta — cor primária */
  --amarelo:     #B71C1C;   /* vermelho suave — acento da bandeira */
  --branco:      #FFFFFF;
  --fundo:       #F2F7F4;   /* fundo levemente esverdeado */
  --fundo-dark:  #0A3520;   /* verde muito escuro — gradiente do hero */
  --texto:       #111827;
  --texto-suave: #6B7280;
  --laranja-orb: #4CAF50;   /* verde médio — orbe decorativo da hero */
  --verde:       #66BB6A;   /* verde claro — estados de sucesso */

  /* Tokens de componente */
  --radius-card: 20px;
  --shadow-card: 0 8px 40px rgba(0,0,0,0.08);
  --transition:  250ms ease-out;
}