:root,
[data-theme='dark'],
[data-theme='light'] {
  color-scheme: dark;
  --ops-bg: #131315;
  --ops-bg-2: #0e0e10;
  --ops-panel: #1c1b1d;
  --ops-panel-2: #201f21;
  --ops-panel-3: #2a2a2c;
  --ops-line: #46464d;
  --ops-line-soft: rgba(145, 144, 152, 0.24);
  --ops-text: #e5e1e4;
  --ops-muted: #c7c5ce;
  --ops-faint: #919098;
  --ops-primary: #090d25;
  --ops-primary-2: #c2c4e5;
  --ops-cyan: #22d3ee;
  --ops-cyan-2: #3b82f6;
  --ops-coral: #ffb5a0;
  --ops-green: #14b8a6;
  --ops-red: #ef4444;
  --ops-warn: #f59e0b;
  --ops-radius-sm: 4px;
  --ops-radius: 8px;
  --ops-radius-lg: 12px;
  --workspace-width: 1440px;
  --workspace-gutter: 32px;
  --workspace-gap: 24px;
  --ink: var(--ops-text);
  --ink-muted: var(--ops-muted);
  --paper: var(--ops-bg);
  --paper-strong: var(--ops-panel);
  --accent: var(--ops-coral);
  --accent-2: var(--ops-primary);
  --accent-3: var(--ops-cyan);
  --border: var(--ops-line-soft);
  --shadow: transparent;
  --glow: 0 0 0 1px rgba(126, 215, 255, 0.16);
  --input-bg: #0e0e10;
  --input-ink: var(--ops-text);
  --line: var(--ops-line-soft);
  --panel: var(--ops-panel);
  --panel-soft: rgba(255, 255, 255, 0.035);
  --text: var(--ops-text);
  --muted: var(--ops-muted);
  --error-bg: rgba(122, 36, 53, 0.44);
  --error-ink: #ffd6d6;
}