/* ════════════════════════════════════════════════════════════════
 *  @day-to-day/design-system
 *  Entry point. Consumers reference this single file.
 *
 *    HTML:    <link rel="stylesheet" href=".../src/index.css" />
 *    React:   import "@day-to-day/design-system";
 *
 *  Cascade order:
 *    1. tokens      — palette, semantic tokens, themes (must be first)
 *    2. primitives  — atomic components (buttons, inputs, pills, menus, empty states)
 *    3. components  — composite patterns (tiles, modules, calendars, lists, navigation)
 *
 *  Primitives load before components so composite patterns can compose
 *  them and override specifics where needed.
 * ════════════════════════════════════════════════════════════════ */

@import url("./tokens.css");
@import url("./primitives.css");
@import url("./components.css");