/* ============================================================
   Focus Managed Services — Design System
   Global entry point. Consumers link THIS file only.
   Import order: fonts → tokens → base.
   ============================================================ */

/* Webfonts (self-hosted, Latin subset) */
@import url("fonts/fonts.css");

/* Design tokens */
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/elevation.css");
@import url("tokens/motion.css");

/* Element base + brand helpers */
@import url("tokens/base.css");

/* Component styles (classes emitted by the React components) */
@import url("components/components.css");