/* ============================================================
   OB Dan Barros — Base + alias de tokens do DS (Ovenbird)
   Mapeia os nomes curtos usados pelos componentes OB
   para os tokens canônicos do design system (--ob-*).
   Atualizar styles.css propaga para toda a página.
   ============================================================ */
:root {
  --forest:   var(--ob-green-900);   /* #141817 */
  --forest-d: var(--ob-green-700);   /* #212b29 */
  --forest-m: var(--ob-green-600);   /* #2b4741 */
  --teal:     var(--ob-teal-600);    /* #2d8b75 */
  --teal-dk:  var(--ob-teal-900);    /* #0e4d3e */
  --cream:    var(--ob-cream-100);   /* #fffbf6 */
  --cream-d:  var(--ob-cream-300);   /* #f6efdf */
  --sand:     var(--ob-sand-500);    /* #b9af9d */
  --ink:      var(--ob-ink-900);     /* #161c19 */
  --ink-m:    var(--ob-ink-500);     /* #4a4f5c */
  --white:    var(--ob-white);
  --off:      var(--ob-ink-50);      /* #f3f4f6 */
  --star:     var(--ob-star);        /* #f59e0b (DS v2 — âmbar) */
  --f:        var(--font-primary);
  --fi:       var(--font-meta);
  --fh:       var(--font-heading);   /* títulos & headlines → Manrope */
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--f); background: var(--white); color: var(--ink); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }

/* utilitário compartilhado */
.sec-tag {
  font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase;
  color: var(--sand); margin-bottom: 20px; display: block;
}
.btn-primary {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f); font-weight: 700; font-size: 15px; color: var(--white);
  background: var(--teal); border: none; border-radius: 6px;
  padding: 16px 36px; cursor: pointer; transition: background 0.2s;
}
.btn-primary:hover { background: var(--teal-dk); }