/* ============================================================
   NOSSAS LEIS — Design tokens (fiel ao ebook)
   Paleta amostrada do PDF: azul profundo + verde-limão + papel
   ============================================================ */

:root {
  /* Marca */
  --c-blue-ink:   #0E1566;   /* azul mais profundo (sombras, rodapé) */
  --c-blue:       #1E2AB4;   /* azul primário da marca */
  --c-blue-600:   #2132B7;   /* azul do fundo da capa */
  --c-blue-bright:#2C43E6;   /* azul elétrico — links / interação */
  --c-green:      #8BD450;   /* verde-limão (títulos da capa) */
  --c-green-deep: #5DA62C;   /* verde escuro (texto sobre claro) */

  /* Marca oficial (virmondes.com.br) — continuidade visual */
  --color-primary:   #071C3B; /* navy do logo — rodapé, headers profundos, overlays */
  --color-secondary: #47704C; /* verde Goiás — acentos de seção */

  /* Neutros / papel */
  --c-paper:   #F5F3EC;      /* fundo papel claro do ebook */
  --c-paper-2: #ECE9DF;      /* papel um tom abaixo (cards alt) */
  --c-white:   #FFFFFF;
  --c-ink:     #161922;      /* texto principal */
  --c-ink-2:   #3A3F4C;      /* texto secundário */
  --c-muted:   #6A6F7B;      /* texto apagado / metadados */
  --c-line:    #DED9CB;      /* bordas suaves sobre papel */
  --c-line-2:  #E7E3D7;

  /* Cores de categoria (hub visual + linha do tempo) */
  --cat-educacao:          #2E6BE6;
  --cat-inovacao:          #0E9FB8;
  --cat-mulheres:          #B93F86;
  --cat-meio-ambiente:     #4CA82E;
  --cat-cultura:           #E0902B;
  --cat-direitos:          #3D53C9;
  --cat-cidadania:         #17A98E;
  --cat-servicos-publicos: #4A6AB3;
  --cat-categorias-sociais:#8A6FD6;

  /* Tipografia */
  --font-display: 'Anton', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Rubik', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Escala tipográfica fluida */
  --fs-hero:  clamp(2.75rem, 8vw, 6.5rem);
  --fs-h1:    clamp(2rem, 5vw, 3.5rem);
  --fs-h2:    clamp(1.6rem, 3.5vw, 2.6rem);
  --fs-h3:    clamp(1.15rem, 2vw, 1.5rem);
  --fs-lead:  clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body:  1rem;
  --fs-sm:    0.875rem;
  --fs-xs:    0.75rem;

  /* Espaçamento */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-8: 3rem;    --sp-10: 4rem;
  --sp-12: 6rem;   --sp-16: 8rem;

  /* Raios / sombras */
  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 30px; --r-full: 999px;
  --sh-sm: 0 1px 3px rgba(14,21,102,.08), 0 1px 2px rgba(14,21,102,.06);
  --sh-md: 0 6px 20px rgba(14,21,102,.10), 0 2px 6px rgba(14,21,102,.06);
  --sh-lg: 0 18px 50px rgba(14,21,102,.16), 0 6px 16px rgba(14,21,102,.08);
  --sh-blue: 0 14px 40px rgba(30,42,180,.28);

  /* Layout */
  --container: 1200px;
  --container-wide: 1360px;
  --header-h: 68px;

  /* Movimento */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --t-fast: .16s; --t: .28s; --t-slow: .5s;
}

/* Reduz movimento quando solicitado */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}