:root {
  color-scheme: dark;
  --kolibri-bg: #000;
  --kolibri-surface: #0b0b0b;
  --kolibri-rail: #0a0a0a;
  --kolibri-border: #1f1f1f;
  --kolibri-fg: #ffffff;
  --kolibri-muted: #9a9a9a;
  --kolibri-muted-strong: #cfcfcf;
  --kolibri-cyan: #37ffe5;
  --kolibri-mustard: #d3b331;
  --kolibri-red: #ff0000;

  --kolibri-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;
  --kolibri-font-disp: Impact, Haettenschweiler, "Arial Narrow Bold", system-ui, sans-serif;
  --kolibri-font-mono: "Courier New", ui-monospace, SFMono-Regular, Menlo, monospace;

  --kolibri-nav-width: 84px;
  --kolibri-radius-sm: 8px;
  --kolibri-radius-md: 12px;
  --kolibri-radius-lg: 16px;
  --kolibri-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}