/* ==========================================================================
   Synaptic — Design Tokens
   Phase 18A — Foundation
   ========================================================================== */

:root {
  /* ----- Typography ----- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Monaco, Consolas, monospace;

  /* ----- Type Scale ----- */
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-md:   15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  32px;
  --text-4xl:  40px;

  /* ----- Font Weights ----- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ----- Line Heights ----- */
  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-normal:  1.5;
  --leading-relaxed: 1.6;

  /* ----- Spacing Scale (4px base) ----- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ----- Border Radius ----- */
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-full: 9999px;

  /* ----- Transitions ----- */
  --transition-fast:   120ms ease;
  --transition-base:   150ms ease;
  --transition-slow:   200ms ease;

  /* ----- Z-Index Scale ----- */
  --z-dropdown: 1000;
  --z-modal:    2000;
  --z-toast:    3000;
  --z-tooltip:  4000;

  /* ----- Layout ----- */
  --sidebar-width:          260px;
  --sidebar-width-collapsed: 60px;
  --composer-max-width:     760px;
  --chat-max-width:         760px;
}