/* ============================================================================
 * COSMOS Design System — global stylesheet entry point.
 * Consumers link THIS one file. It is a manifest of @import lines only.
 * Everything reachable from here ships to consumers: tokens + fonts + utilities
 * + component styles. Light-first; add `.dark` to any ancestor to flip the theme.
 * ==========================================================================*/

@import url("tokens/typography.css");   /* @font-face (Inter · JetBrains Mono) + type tokens */
@import url("tokens/colors.css");        /* primitives + light/dark semantic colour tokens */
@import url("tokens/geometry.css");      /* radius · spacing · border-width · shadow */
@import url("tokens/badges.css");        /* 5-tone badge tokens + .badge classes */
@import url("tokens/foundations.css");   /* base element styles + semantic utility classes */
@import url("components/cosmos.css");    /* component styles for the React primitives */