/* OzConsole workbench design tokens.
   This file defines the local workbench system; it does not copy VS Code CSS. */

.ozconsole-workbench-page {
  --oc-titlebar-height: 34px;
  --oc-menubar-height: 32px;
  --oc-activitybar-width: 48px;
  --oc-sidebar-width: 300px;
  --oc-bottom-height: 260px;
  --oc-statusbar-height: 24px;

  --oc-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --oc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --oc-text-xs: 11px;
  --oc-text-sm: 12px;
  --oc-text-md: 13px;
  --oc-text-lg: 14px;

  --oc-space-1: 2px;
  --oc-space-2: 4px;
  --oc-space-3: 6px;
  --oc-space-4: 8px;
  --oc-space-5: 10px;
  --oc-space-6: 12px;
  --oc-space-7: 14px;
  --oc-space-8: 16px;

  --oc-radius-xs: 5px;
  --oc-radius-sm: 7px;
  --oc-radius-md: 10px;
  --oc-radius-lg: 12px;

  --oc-bg: color-mix(in srgb, var(--bg) 96%, #050812);
  --oc-editor-bg: #050812;
  --oc-panel: color-mix(in srgb, var(--panel) 76%, #050812);
  --oc-panel-soft: color-mix(in srgb, var(--panel) 56%, #050812);
  --oc-panel-raised: color-mix(in srgb, var(--panel) 92%, var(--bg));
  --oc-titlebar-bg: color-mix(in srgb, var(--bg) 92%, var(--panel));
  --oc-menubar-bg: color-mix(in srgb, var(--panel) 82%, var(--bg));
  --oc-status-bg: linear-gradient(90deg, color-mix(in srgb, var(--brand) 28%, #07111f), color-mix(in srgb, var(--panel) 76%, #07111f));

  --oc-border: var(--line);
  --oc-border-muted: color-mix(in srgb, var(--line) 70%, transparent);
  --oc-text: var(--text);
  --oc-muted: var(--muted);
  --oc-accent: var(--brand);
  --oc-hover: color-mix(in srgb, var(--brand) 10%, transparent);
  --oc-selected: color-mix(in srgb, var(--brand) 14%, transparent);
  --oc-danger-soft: color-mix(in srgb, var(--danger) 18%, transparent);
  --oc-scrollbar: color-mix(in srgb, var(--brand) 30%, var(--line));
  --oc-shadow: 0 18px 48px color-mix(in srgb, black 35%, transparent);
}

/* Reusable workbench class names for gradual markup cleanup. */
.WorkbenchShell,
.TitleBar,
.ActivityBar,
.SideBar,
.EditorArea,
.EditorTabs,
.BottomPanel,
.StatusBar {
  box-sizing: border-box;
}