/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — Carmen Silva 2026 (deputada estadual)
   Paleta institucional (azul/verde/amarelo/vermelho), conforme
   reposicionamento visual do documento "Discovery Estratégico".
   Reutilizável em qualquer landing page segmentada (Moradia,
   Mulheres, Direito à Cidade, Cultura) — sobrescreva só as
   variáveis de cor num arquivo de tema pequeno se precisar variar.
═══════════════════════════════════════════════════════════════ */
:root {
    /* ── Paleta 2026 — institucional ── */
    --azul:         #1450D6; /* fundo principal — navbar, hero, footer, CTAs de seção */
    --azul-dark:    #0B2E82; /* variante escura — navbar/hero/footer/prova-social/form */
    --azul-deep:    #071B4E; /* variante mais escura ainda — fundo do hero com partículas */
    --azul-light:   #3D74E8; /* hovers, glows, 4º acento */
    --verde:        #07CC14; /* extraído de Assets/verde.png — starburst do selo, acentos */
    --amarelo:      #F9CF00; /* extraído de Assets/amarelo.png — losango do selo, CTA primário */
    --amarelo-dark: #DFB900; /* hover dos CTAs amarelos */
    --vermelho:     #EE3333; /* extraído de Assets/estrela_vermelha.png — estrela, acentos pontuais */

    /* ── Neutros ── */
    --preto:        #151515;
    --off-white:    #FAFAFA;
    --gray:         #444444;
    --gray-mid:     #737373; /* escurecido de #888888 — #888 só atinge 3.4:1 sobre off-white, abaixo do mínimo WCAG AA (4.5:1) */
    --gray-light:   #f0f0f0;

    /* ── paleta legada (coral/violeta/teal) — só referência para
         materiais impressos/2024, NÃO usar em elementos novos ── */
    --legacy-coral:     #E8604A;
    --legacy-violet:    #9340B0;
    --legacy-teal:      #3AADB0;
    --legacy-rosa:      #C96B8C;
    --legacy-terracota: #C97B4E;

    /* ── Tipografia ── */
    --font-display:   'Big Shoulders Display', sans-serif; /* wordmark, H1-H2, CTAs, uppercase */
    --font-condensed: 'Barlow Condensed', sans-serif;      /* labels, nav, kickers */
    --font-body:      'Roboto', sans-serif;                /* corpo de texto */

    /* ── Spacing scale ── */
    --space-1: 4px;  --space-2: 8px;  --space-3: 16px;
    --space-4: 24px; --space-5: 32px; --space-6: 48px;
    --space-7: 64px; --space-8: 100px;

    /* ── Z-index scale ── */
    --z-base: 10; --z-card: 20; --z-overlay: 30; --z-nav: 50;
}