/* ============================================================
   Harmony — design system entry point
   Consumers link THIS one file. It is an @import manifest only —
   every token, font and base style ships through here, in order.

     Yin (dark) is the :root default; Yang (light) keys on
     <html data-theme="light">. See tokens/colors.css.
   ============================================================ */

/* fonts first (its own @import url must lead) */
@import url('tokens/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');

/* base reset + element defaults + text helpers */
@import url('tokens/base.css');

/* reusable component classes (plain-CSS mirror of the React primitives) */
@import url('tokens/harmony.css');
