/* ==============================================================
   Agentic BA Workbench — Design System

   Organized per Brad Frost's Atomic Design methodology
   (https://atomicdesign.bradfrost.com/chapter-2/):

     tokens     → raw design values + global reset
     atoms      → smallest UI elements (buttons, inputs, links)
     molecules  → small atom groups (a labeled field, a button row)
     organisms  → self-contained sections (agent card, output panel)
     templates  → page-level layout skeletons (grids, breakpoints)

   "Pages" are the real views in public/views/*.js, which populate
   these templates with live agent data — there's no pages.css
   because pages are data, not styles.
   ============================================================== */

@import "./design-system/tokens.css";
@import "./design-system/atoms.css";
@import "./design-system/molecules.css";
@import "./design-system/organisms.css";
@import "./design-system/templates.css";