:root {
  color-scheme: dark;
  --sv-bg-void: #07090a;
  --sv-bg-base: #0c1012;
  --sv-bg-panel: #12181b;
  --sv-bg-elevated: #192126;
  --sv-bg-panel-elevated: var(--sv-bg-elevated);
  --sv-bg-document: #d8d2c3;
  --sv-border-subtle: #202a2f;
  --sv-border-default: #344148;
  --sv-border-strong: #607079;
  --sv-text-primary: #ece9df;
  --sv-text-secondary: #b8c0c0;
  --sv-text-muted: #78858a;
  --sv-text-disabled: #4f595d;
  --sv-text-dark: #181818;
  --sv-danger: #a83c3d;
  --sv-danger-bright: #d33131;
  --sv-warning: #c58a35;
  --sv-success: #5f9676;
  --sv-info: #5d879f;
  --sv-classified: #7e272b;
  --sv-paranormal: #7770a7;
  --sv-terminal: #6f9d7a;
  --sv-font-display: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  --sv-font-body: Inter, "Segoe UI", Arial, sans-serif;
  --sv-font-mono: "Cascadia Code", "IBM Plex Mono", Consolas, monospace;
  --sv-space-xs: .375rem;
  --sv-space-sm: .75rem;
  --sv-space-md: 1.25rem;
  --sv-space-lg: 2rem;
  --sv-space-xl: 3.5rem;
  --sv-radius-xs: 2px;
  --sv-radius-sm: 4px;
  --sv-radius-md: 8px;
  --sv-shadow-low: 0 8px 20px rgba(0,0,0,.18);
  --sv-shadow-medium: 0 18px 48px rgba(0,0,0,.32);
  --sv-shadow-high: 0 28px 80px rgba(0,0,0,.5);
  --sv-transition-fast: 120ms ease;
  --sv-transition-normal: 220ms ease;
  --sv-transition-slow: 480ms ease;
  --sv-sidebar: 17.5rem;
  --sv-header: 4.5rem;
}