/* =============================================================
   Blog Facilita.vc — Base
   Reset mínimo, tipografia global, links e utilitários.
   ============================================================= */

html,
body {
  background: var(--bg);
  color: var(--ink);
  overflow-x: hidden;
}

body {
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* Evita que nenhum elemento vaze além da largura do viewport */
img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
}

.font-display {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

a {
  color: var(--facilita-blue);
}

a:hover {
  color: var(--facilita-blue-600);
  text-decoration: none;
}

/* Utilitários de cor */
.text-muted-2       { color: var(--muted) !important; }
.text-facilita-dark { color: var(--facilita-dark); }
.text-facilita-blue { color: var(--facilita-blue); }
.text-facilita-green{ color: var(--facilita-green); }

/* Utilitários de background */
.bg-soft {
  background: var(--bg-soft);
}

.bg-facilita-dark {
  background: var(--facilita-dark);
  color: #fff;
}

/* Acessibilidade — respeita preferência de redução de movimento */
@media (prefers-reduced-motion: reduce) {
  .card-article,
  .card-article:hover,
  .progress-bar-top {
    transition: none !important;
    transform: none !important;
  }
}