/* Onion AI Workspace — design tokens (ONE source of truth).
   Midnight Neon: near-black indigo, electric cyan + violet glow.
   Every component consumes these variables; no one-off values. */
.oaiw-root {
  --oaiw-bg: #070714;
  --oaiw-bg-2: #0a0a1d;
  --oaiw-panel: #0e0e24;
  --oaiw-panel-2: #141433;
  --oaiw-panel-3: #1a1a3d;
  --oaiw-line: #26265c;
  --oaiw-line-soft: #1b1b40;
  --oaiw-cyan: #00e5ff;
  --oaiw-cyan-dim: #00b8cc;
  --oaiw-violet: #8b5cf6;
  --oaiw-violet-soft: #6d28d9;
  --oaiw-text: #eceafc;
  --oaiw-dim: #9d9cc9;
  --oaiw-faint: #66648f;
  --oaiw-live: #3ddc84;
  --oaiw-stale: #ffb74d;
  --oaiw-off: #ff5470;
  --oaiw-space-1: 4px;
  --oaiw-space-2: 8px;
  --oaiw-space-3: 12px;
  --oaiw-space-4: 16px;
  --oaiw-space-5: 24px;
  --oaiw-space-6: 32px;
  --oaiw-radius-s: 8px;
  --oaiw-radius-m: 12px;
  --oaiw-radius-l: 18px;
  --oaiw-radius-pill: 999px;
  --oaiw-shadow-1: 0 2px 10px rgba(0, 0, 0, .45);
  --oaiw-shadow-2: 0 10px 34px rgba(0, 0, 0, .55);
  --oaiw-glow-cyan: 0 0 18px rgba(0, 229, 255, .35);
  --oaiw-glow-violet: 0 0 18px rgba(139, 92, 246, .35);
  --oaiw-font: "Avenir Next", "Segoe UI", system-ui, -apple-system,
    Roboto, "Helvetica Neue", sans-serif;
  --oaiw-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo,
    Consolas, monospace;
  --oaiw-size-xs: 11px;
  --oaiw-size-s: 12.5px;
  --oaiw-size-m: 14.5px;
  --oaiw-size-l: 17px;
  --oaiw-size-xl: 22px;
  --oaiw-size-2xl: 28px;
}