/* ============================================================
   TrueSpar Design System — Entry Point
   ============================================================

   Usage:
     <link rel="stylesheet" href="design-system/truespar-tokens.css">

   Theme switching:
     Dark (default):  <html data-theme="dark">  or no attribute
     Light:           <html data-theme="light">

   ============================================================ */

/* Google Fonts — Inter + JetBrains Mono */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Layer 1: Primitives — raw values, never theme-switch */
@import url('tokens/primitives.css');

/* Layer 2: Semantic — theme-aware public API */
@import url('tokens/semantic-dark.css');
@import url('tokens/semantic-light.css');

/* Layer 3: Component — convenience aliases */
@import url('tokens/components.css');
