/* ============================================================
   utilities.css  —  Shared utility classes
   Shadow, radius, and card-label utilities built on tokens.
   Load order: after design-tokens.css, before base.css.
   ============================================================ */

/* ── Shadow utilities ── */
.shadow-light  { box-shadow: var(--bs-thin); }
.shadow-medium { box-shadow: var(--bs-medium); }
.shadow-heavy  { box-shadow: var(--bs-heavy); }

/* ── Border-radius utilities ── */
.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }

/* ── Card label ──
   Replaces repeated: font-size xs + letter-spacing widest +
   text-transform uppercase across cbh-label, dc-label, ph-label,
   sh-label, fq-label, and others.
   Usage: <div class="card-label card-label--muted">Label</div>
── */
.card-label {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-widest);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-weight: 400;
  display: block;
}
.card-label--muted   { color: var(--muted); }
.card-label--accent  { color: var(--accent-navy); }
.card-label--primary { color: var(--primary); }