html[data-theme="black"] {
  --bg: #0b0b0b;
  --surface: #141414;
  --surface-2: #1a1a1a;
  --surface-3: #202020;
  --border: #262626;
  --border-2: #2e2e2e;
  --text: #f4f4f5;
  --text-2: #d4d4d8;
  --muted: #a1a1aa;
  --muted-2: #71717a;
  --accent: #c9a86a;
  --accent-weak: #241f14;
  --accent-bar: #c9a86a;
  --violet: #a78bfa;
  --violet-weak: #211c33;
  --ok: #22c55e;
  --ok-weak: #10231a;
  --excel-bg: #10231a;
  --excel-fg: #4ade80;
  --warn: #f59e0b;
  --warn-weak: #2a2110;
  --danger: #ef4444;
  --danger-weak: #2a1416;
  --pink: #ec4899;
  --pink-weak: #2a1622;
  --shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .6);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, .6);

  --bg-elev: #141414;
  --bg-elev-2: #1a1a1a;
  --bg-elev-3: #242424;
  --border-soft: #1f1f1f;
  --text-muted: #a1a1aa;
  --text-dim: #71717a;
  --accent-hover: #d8bc85;
  --accent-soft: rgba(201, 168, 106, .14);
  --accent-ink: #e6cf9c;
  --warn-soft: rgba(245, 158, 11, .14);
  --ok-soft: rgba(34, 197, 94, .14);
  --danger-soft: rgba(239, 68, 68, .14);
  --violet-soft: rgba(167, 139, 250, .14);
}