:root {
  --primary:        #2563EB;
  --primary-dark:   #1D4ED8;
  --primary-light:  #EFF6FF;
  --secondary:      #0F172A;
  --background:     #F8FAFC;
  --surface:        #FFFFFF;
  --border:         #E2E8F0;
  --border-light:   #F1F5F9;
  --text:           #0F172A;
  --text-muted:     #64748B;
  --text-light:     #94A3B8;
  --success:        #16A34A;
  --success-light:  #F0FDF4;
  --warning:        #D97706;
  --warning-light:  #FFFBEB;
  --danger:         #DC2626;
  --danger-light:   #FEF2F2;
  --info:           #0891B2;
  --info-light:     #ECFEFF;

  --radius-sm:  4px;
  --radius:     8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  --shadow-sm:  0 1px 2px rgba(0,0,0,.06);
  --shadow:     0 2px 8px rgba(0,0,0,.08);
  --shadow-lg:  0 8px 24px rgba(0,0,0,.10);

  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, monospace;

  --sidebar-width: 240px;
  --header-height: 56px;
  --chat-max-width: 760px;
}