:root {
  --dd-color-canvas: #0b0d0e;
  --dd-color-surface: #101315;
  --dd-color-surface-muted: #171b1e;
  --dd-color-text: #e6e6e6;
  --dd-color-text-muted: #8a9299;
  --dd-color-border: #2a3035;
  --dd-color-accent: #7cff6b;
  --dd-color-accent-strong: #b7ffb0;
  --dd-color-focus: #b7ffb0;
  --dd-color-danger: #ff6b6b;
  --dd-color-warning: #ffd36b;
  --dd-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Consolas, monospace;
  --dd-space-1: 4px;
  --dd-space-2: 8px;
  --dd-space-3: 12px;
  --dd-space-4: 16px;
  --dd-space-6: 24px;
  --dd-radius-sm: 2px;
  --dd-radius-md: 3px;
  --dd-radius-lg: 4px;
  --dd-focus-ring: 0 0 0 2px rgb(183 255 176 / 35%);
}