:root{
  /* Bridge tokens used by the new shell into your existing design system (app.css) */
  --surface-1: var(--panel2, rgba(255,255,255,.94));
  --surface-2: var(--panel, rgba(255,255,255,.86));
  /* Used by floating menus / popovers (needs to be non-transparent) */
  --surface-3: var(--panel2, rgba(255,255,255,.94));
  --line-1: var(--border, rgba(15,23,42,.10));
  --text-1: var(--text, #0f172a);

  --brand: var(--accent, #2563eb);
  --brand-weak: rgba(37,99,235,.12);
  --brand-line: rgba(37,99,235,.24);

  --shadow-1: var(--shadow2, 0 6px 16px rgba(15,23,42,.10));
  --shadow-2: var(--shadow2, 0 10px 26px rgba(15,23,42,.12));
}

/* Lightweight defaults for Iter0 */
body{ background: var(--bg, #f6f8fc); color: var(--text-1); }
code{ font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); }