:root {
  color-scheme: dark;
  --color-bg: #040608;
  --color-bg-deep: #020304;
  --color-bg-soft: #081117;
  --color-surface: rgba(8, 17, 23, 0.74);
  --color-surface-strong: rgba(12, 23, 30, 0.9);
  --color-surface-muted: rgba(255, 255, 255, 0.045);
  --color-border: rgba(150, 236, 255, 0.18);
  --color-border-strong: rgba(150, 236, 255, 0.42);
  --color-text: #eef8fb;
  --color-muted: #a2b6bf;
  --color-subtle: #61737d;
  --color-cyan: #7be7ff;
  --color-pink: #ff5dba;
  --color-green: #8dffb2;
  --color-yellow: #ffd66e;
  --color-red: #ff627f;
  --color-violet: #b79dff;
  --color-ink: #021014;
  --gradient-primary: linear-gradient(135deg, var(--color-cyan), var(--color-pink) 54%, var(--color-yellow));
  --gradient-panel: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));
  --shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.44);
  --shadow-neon: 0 0 34px rgba(123, 231, 255, 0.22);
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --font-main: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sidebar-width: 300px;
  --content-max: 1480px;
}