:root {
  --b-bg: #000;
  --b-fg: #fff;
  --b-fg-80: rgb(255 255 255 / 0.8);
  --b-fg-60: rgb(255 255 255 / 0.6);
  --b-fg-40: rgb(255 255 255 / 0.4);

  --b-line: rgb(255 255 255 / 0.15);
  --b-line-strong: rgb(255 255 255 / 0.3);
  --b-hover: rgb(255 255 255 / 0.06);
  --b-active: rgb(255 255 255 / 0.1);

  --b-name: var(--b-fg);
  --b-subject: var(--b-fg);
  --b-greentext: var(--b-fg-60);

  --b-green: var(--b-fg);
  --b-red: var(--b-fg-60);
  --b-purple: var(--b-fg-80);
  --b-yellow: var(--b-fg-80);
  --b-blue: var(--b-fg-80);
  --b-diff-add: rgb(255 255 255 / 0.16);
  --b-diff-del: rgb(255 255 255 / 0.07);
  --b-diff-add-word: rgb(255 255 255 / 0.32);
  --b-diff-del-word: rgb(255 255 255 / 0.18);

  --b-font-12: var(--pixel-12), ui-sans-serif, system-ui, sans-serif;
  --b-font-14: var(--pixel-14), ui-sans-serif, system-ui, sans-serif;
  --b-font-m: var(--pixel-m), ui-sans-serif, system-ui, sans-serif;
  --b-font: var(--b-font-14);
  --b-mono-12: "ms gothic 12px", monospace;
  --b-mono: "ms gothic 14px", monospace;

  --b-size-s: 12px;
  --b-size: 14px;
  --b-size-m: 18px;
  --b-size-l: 24px;
  --b-size-xl: 28px;
  --b-mono-size-s: 12px;
  --b-mono-size: 14px;

  --b-leading-s: 18px;
  --b-leading: 22px;
  --b-leading-m: 24px;
  --b-leading-l: 32px;
  --b-leading-xl: 36px;

  --b-space-1: 4px;
  --b-space-2: 8px;
  --b-space-3: 12px;
  --b-space-4: 16px;
  --b-space-5: 20px;
  --b-space-6: 24px;
  --b-space-7: 28px;
  --b-space-8: 32px;

  --b-radius: 0;
}