/* ── EPSO Hub Design System 2026 ────────────────────────────── */
@import url("./base/local-fonts.css");

@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

@import './layout/container.css';
@import './layout/grid.css';
@import './layout/header.css';
@import './layout/footer.css';

@import './components/buttons.css';
@import './components/cards.css';
@import './components/forms.css';
@import './components/modals.css';
@import './components/badges.css';
@import './components/mobile-nav.css';

@import './pages/live.css';

/* ── Global utilities ────────────────────────────────────────── */
.hidden { display: none !important; }
.not-printable { }
@media print { .not-printable { display: none !important; } }
.text-center { text-align: center; }
.text-muted  { color: var(--clr-text-muted); }
.text-gold   { color: var(--clr-gold); }

/* ── Scrollbar ───────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--clr-bg); }
::-webkit-scrollbar-thumb { background: var(--clr-primary-100); border-radius: var(--radius-full); }
::-webkit-scrollbar-thumb:hover { background: var(--clr-primary-200); }

/* ── Page wrapper ────────────────────────────────────────────── */
#page { display: flex; flex-direction: column; min-height: 100vh; }