/* Design tokens — Farben, Typografie, Abstände */
:root {
  --bg: #0a0a0a;
  --bg-elevated: #141414;
  --fg: #f5f5f5;
  --fg-muted: #a3a3a3;
  --border: #262626;
  --accent: #8b7fd9;
  --accent-hover: #9f96df;
  --accent-fg: #0a0a0a;
  --focus: #f5f5f5;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --space-1: 1rem;
  --space-2: 1.5rem;
  --space-3: 2.5rem;
  --space-4: 4rem;
  --space-5: 6rem;
  --space-6: 9rem;
}