:root {
  --bg:        #1e1c2e;
  --crust:     #11111b;
  --mantle:    #181825;
  --surface0:  #313244;
  --surface1:  #45475a;
  --surface2:  #585b70;

  --fg:        #cdd6f4;
  --subtext0:  #a6adc8;
  --subtext1:  #bac2de;

  --accent:        #cba6f7;
  --accent-hover:  #d8bcf9;
  --accent-muted:  rgba(203,166,247,0.12);
  --accent-soft:   rgba(203,166,247,0.08);

  --success:       #a6e3a1;
  --success-soft:  rgba(166,227,161,0.12);
  --warn:          #f9e2af;
  --warn-soft:     rgba(249,226,175,0.12);
  --danger:        #f38ba8;
  --danger-soft:   rgba(243,139,168,0.12);
  --info:          #89b4fa;
  --info-soft:     rgba(137,180,250,0.12);

  --border:      var(--surface1);
  --border-soft: var(--surface0);

  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  --text-xs:   14px;
  --text-sm:   15px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --leading-body:  1.55;
  --leading-tight: 1.15;

  --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;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --motion-fast: 120ms;
  --motion-base: 200ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --sidebar-w: 244px;
  --topbar-h:  52px;
}