body,
.dark-theme,
.butter-theme,
.silver-theme {
  --bg-surface: #0f0f0f;
  --bg-surface-transparent: rgba(15, 15, 15, 0);
  --bg-surface-low: #1a1a1a;
  --bg-surface-low-transparent: rgba(26, 26, 26, 0);
  --bg-surface-extra-low: #242424;
  --bg-surface-extra-low-transparent: rgba(36, 36, 36, 0);
  --bg-surface-hover: #242424;
  --bg-surface-active: #333333;
  --bg-surface-border: #333333;
  --bg-primary: hsl(180, 42%, 70%);
  --bg-primary-hover: hsl(180, 42%, 70%);
  --bg-primary-active: hsl(180, 42%, 70%);
  --bg-primary-border: hsl(180, 42%, 70%);
  --bg-tooltip: #000;
  --bg-badge: hsl(180, 30%, 90%);
  --bg-ping: hsl(180, 30%, 90%);
  --bg-ping-hover: hsl(180, 30%, 90%);
  --bg-divider: #1a1a1a;
  --tc-surface-high: hsl(180, 30%, 90%);
  --tc-surface-normal: hsl(180, 16%, 83%);
  --tc-surface-normal-low: hsl(180, 10%, 77%);
  --tc-surface-low: hsl(180, 10%, 77%);
  --tc-primary-high: hsl(180, 30%, 90%);
  --tc-primary-normal: hsl(180, 16%, 83%);
  --tc-primary-low: hsl(180, 10%, 77%);
  --tc-code: #e565b1;
  --tc-link: hsl(180, 42%, 70%);
  --tc-badge: black;
  --ic-surface-high: hsl(180, 30%, 90%);
  --ic-surface-normal: hsl(180, 30%, 90%);
  --ic-surface-low: hsl(180, 30%, 90%);
  --ic-primary-normal: #ffffff;
  --bg-overlay: rgba(0, 0, 0, 0.6);
  --bg-overlay-low: rgba(0, 0, 0, 0.8);
  --bs-popup: 0 0 16px rgba(0, 0, 0, 0.25);
  --bs-surface-border: inset 0 0 0 1px var(--bg-surface-border);
  --bs-surface-outline: 0 0 0 2px var(--bg-surface-border);
  --bs-primary-border: inset 0 0 0 1px var(--bg-primary-border);
  --bs-primary-outline: 0 0 0 2px var(--bg-primary-border);
  --fs-h1: 35.6px;
  --fs-h2: 23.6px;
  --fs-s1: 17.6px;
  --fs-b1: 14.6px;
  --ls-b1: 0.14px;
  --fs-b2: 13.2px;
  --fs-b3: 11.2px;
  --fw-normal: 350;
  --font-primary: sans-serif;
  --font-secondary: sans-serif;
}
