/* =============================================================
   Blog Facilita.vc — Design Tokens
   Brand variables, geometry and shadows usados em todo o blog.
   ============================================================= */

:root {
  /* Brand (extraídas do logo do Facilita.vc) */
  --facilita-blue:     #007BFF;   /* azul padrão, CTA primário */
  --facilita-blue-600: #0069D9;   /* hover */
  --facilita-blue-50:  #E6F2FF;   /* bg suave, badges */
  --facilita-green:    #3FA535;   /* verde do logo, acentos/sucesso */
  --facilita-dark:     #007BFF;   /* azul padrão, títulos + footer */

  /* Neutros */
  --ink:       #111827;   /* texto principal */
  --ink-2:     #374151;   /* texto corrido, ligeiramente mais claro */
  --muted:     #6B7280;   /* meta, captions */
  --line:      #E5E7EB;   /* bordas principais */
  --line-2:    #F1F2F6;   /* bordas internas sutis */
  --bg:        #FFFFFF;
  --bg-soft:   #F7F8FB;   /* seções alternadas */

  /* Geometria */
  --radius:       10px;
  --radius-sm:    6px;
  --radius-pill:  999px;

  /* Sombras */
  --shadow-card:  0 12px 30px -18px rgba(0, 123, 255, .25);
}