/* REDACTED DTOC revamp tokens; extracted from Figma 2026-09-28. */
:root {
  --dtoc-space-1: 4px;
  --dtoc-space-2: 8px;
  --dtoc-space-3: 12px;
  --dtoc-space-4: 16px;
  --dtoc-space-5: 20px;
  --dtoc-space-6: 24px;
  --dtoc-space-8: 32px;
  --dtoc-space-10: 40px;
  --dtoc-space-12: 48px;
  --dtoc-radius-sm: 6px;
  --dtoc-radius-md: 10px;
  --dtoc-radius-lg: 14px;
  --dtoc-radius-full: 999px;
  --bto-ink-950: #07090d;
  --bto-ink-900: #0b0e14;
  --bto-ink-850: #10141b;
  --bto-ink-800: #151a23;
  --bto-ink-700: #252c38;
  --bto-ink-600: #3a4452;
  --bto-ink-400: #8b95a5;
  --bto-ink-100: #eef2f6;
  --bto-blue-500: #4f7ee8;
  --bto-blue-400: #73a0ff;
  --bto-gold-500: #c9a53a;
  --bto-gold-400: #e0be5a;
  --bto-green-500: #5ca77a;
  --bto-red-500: #c96464;
  --bto-orange-500: #c88a4a;
  --bto-color-bg-canvas: #07090d;
  --bto-color-bg-sidebar: #0b0e14;
  --bto-color-bg-surface: #10141b;
  --bto-color-bg-elevated: #151a23;
  --bto-color-bg-inset: #0b0e14;
  --bto-color-border-subtle: #252c38;
  --bto-color-border-default: #3a4452;
  --bto-color-text-primary: #eef2f6;
  --bto-color-text-secondary: #8b95a5;
  --bto-color-text-muted: #3a4452;
  --bto-color-accent-nav: #4f7ee8;
  --bto-color-accent-nav-soft: #73a0ff;
  --bto-color-accent-command: #c9a53a;
  --bto-color-accent-command-soft: #e0be5a;
  --bto-color-state-ready: #5ca77a;
  --bto-color-state-block: #c96464;
  --bto-color-state-watch: #c88a4a;
  --redacted-dtoc-font-ui: "IBM Plex Sans", sans-serif;
  --redacted-dtoc-font-data: "IBM Plex Mono", monospace;
}