:root {
  /* Space / background */
  --bg-space: #0A0E1A;
  --bg-space-deep: #070A12;
  --bg-space-mid: #0D1220;
  --panel: #111827;
  --panel-raised: #1A2234;
  --panel-active: #1F2A40;
  --text-primary: #E8ECF4;
  --text-secondary: #8B98AD;
  --text-muted: #5C6A82;
  --border: #24304A;
  --border-lit: #3B4A6B;

  /* Accents (system family) */
  --accent-chat: #6C8CFF;
  --accent-violet: #8B7CFF;
  --accent-cyan: #3EC6E0;
  --accent-blue: #4A90E2;
  --accent-magenta: #E06CFF;
  --success: #4ADE80;
  --warning: #F5B84C;
  --error: #F06C6C;

  /* Glow (Licht, nicht Fläche) */
  --glow-chat: 0 0 0 1px rgba(108,140,255,0.25), 0 0 18px rgba(108,140,255,0.18);
  --glow-violet: 0 0 0 1px rgba(139,124,255,0.25), 0 0 18px rgba(139,124,255,0.18);
  --glow-cyan: 0 0 0 1px rgba(62,198,224,0.25), 0 0 18px rgba(62,198,224,0.18);

  /* Typography */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-ui: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Shadows (gerichtet, dezent) */
  --shadow-panel: 0 1px 0 rgba(255,255,255,0.02) inset, 0 8px 30px rgba(0,0,0,0.45);
  --shadow-raised: 0 1px 0 rgba(255,255,255,0.03) inset, 0 16px 48px rgba(0,0,0,0.55);
  --shadow-glow: 0 0 0 1px rgba(108,140,255,0.12), 0 12px 40px rgba(0,0,0,0.5), 0 0 40px rgba(108,140,255,0.10);

  /* Z-index */
  --z-sidebar: 100;
  --z-topbar: 90;
  --z-context: 80;
}