/* ════════════════════════════════════════════════
   PEAK AUTOMATIONS — UTILITY CLASSES
   ════════════════════════════════════════════════ */

/* ── Text alignment ───────────────────────────── */
.text-center  { text-align: center; }
.text-left    { text-align: left; }
.text-right   { text-align: right; }

/* ── Text colours ─────────────────────────────── */
.text-teal    { color: var(--teal); }
.text-gold    { color: var(--gold); }
.text-muted   { color: var(--muted); }
.text-white   { color: var(--white); }
.text-text    { color: var(--text); }

/* ── Font weights ─────────────────────────────── */
.font-heading { font-family: var(--font-heading); }
.fw-700       { font-weight: 700; }
.fw-800       { font-weight: 800; }

/* ── Display ──────────────────────────────────── */
.d-flex       { display: flex; }
.d-grid       { display: grid; }
.d-none       { display: none; }
.d-block      { display: block; }
.align-center { align-items: center; }
.justify-center { justify-content: center; }
.flex-wrap    { flex-wrap: wrap; }
.gap-8        { gap: 8px; }
.gap-12       { gap: 12px; }
.gap-16       { gap: 16px; }
.gap-24       { gap: 24px; }

/* ── Spacing ──────────────────────────────────── */
.mt-8   { margin-top: 8px; }
.mt-16  { margin-top: 16px; }
.mt-24  { margin-top: 24px; }
.mt-32  { margin-top: 32px; }
.mb-8   { margin-bottom: 8px; }
.mb-16  { margin-bottom: 16px; }
.mb-24  { margin-bottom: 24px; }
.mb-32  { margin-bottom: 32px; }
.mb-48  { margin-bottom: 48px; }

/* ── Visibility ───────────────────────────────── */
@media (max-width: 600px) {
  .hide-mobile { display: none !important; }
}
@media (min-width: 601px) {
  .show-mobile { display: none !important; }
}