/* ============================================================
   Hermes HRMS — Master Stylesheet
   Imports tokens first, then component styles, then
   defines base typography defaults and any cross-component
   rules.
   ============================================================ */

/* Design tokens (CSS custom properties) */
@import url("./tokens.css");

/* Component styles */
@import url("./components/buttons.css");
@import url("./components/forms.css");
@import url("./components/tables.css");
@import url("./components/cards.css");
@import url("./components/badges.css");
@import url("./components/alerts.css");
@import url("./components/navigation.css");
@import url("./components/layout.css");
@import url("./components/modals.css");
@import url("./components/utilities.css");

/* Inter variable font (self-hosted). Falls back gracefully to system fonts. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local("Inter"),
       url("../fonts/Inter-Variable.woff2") format("woff2-variations");
}