/* ─────────────────────────────────────────────────────────────
   LONG HAIR DON'T CARE — Design System Entry Point
   Import this single file to get all tokens + fonts.
───────────────────────────────────────────────────────────── */

@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/schemes.css";
@import "./tokens/motion.css";

/* ─────────────────────────────────────────────────────────────
   Footer — guard component microcopy against page-level prose
   rules (e.g. `p { max-width: 48ch; margin: auto }`), which are
   meant for flowing body copy, not fixed-width footer columns.
───────────────────────────────────────────────────────────── */
.lhdc-footer-tagline { margin-left: 0 !important; margin-right: 0 !important; }
@media (max-width: 760px) {
  .lhdc-footer-pages-cols { flex-direction: column !important; gap: 8px !important; }
}