/* ============================================================
   _typography.css — base typography
   Sets the font family and helper text classes.
   Specific font sizes belong to components/sections.
   ============================================================ */

body {
  font-family: var(--bee-font-sans);
}

/* Text color helpers — use sparingly, prefer component-specific colors */
.text-primary {
  color: var(--bee-gold);
}

.text-muted {
  color: var(--bee-text-muted);
}

.text-dim {
  color: var(--bee-text-dim);
}

/* Gradient text utility — apply to span around a word inside a heading */
.text-gradient-gold {
  background: var(--bee-gradient-gold-rich);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.text-gradient-blue {
  background: var(--bee-gradient-blue);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}