:root {
  /* Farben */
  --color-bg: #0b1d33;
  --color-bg-alt: #0f2540;
  --color-surface: #12294a;
  --color-surface-raised: #16305a;
  --color-line: #2f5680;
  --color-line-strong: #4d7fb3;
  --color-primary: #ffb454;
  --color-primary-dim: #cf9142;
  --color-text: #eaf2fb;
  --color-text-muted: #93add0;
  --color-border: #1c3a60;

  /* Typografie */
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  /* Rundungen & Schatten */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.35);

  /* Layout */
  --sidebar-width: 300px;
  --content-max-width: 860px;
  --transition: 180ms ease;
}