:root {
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --primary-focus: #3b82f6;
  --primary-soft: #eff6ff;
  --primary-on-dark: #90b4ff;
  --primary-500: var(--action-primary);
  --primary-600: var(--primary-dark);
  --accent: #d97706;
  --accent-soft: #fce7c0;
  --success: #16a36a;
  --warning: #d97706;
  --danger: #dc3c45;
  --info: #0f766e;
  --neutral-950: #10141f;
  --neutral-900: #162033;
  --neutral-850: #1d2840;
  --neutral-800: #28334b;
  --neutral-750: #33405c;
  --neutral-700: #46526b;
  --neutral-600: #64748b;
  --neutral-500: #7c8aa5;
  --neutral-400: #8e9bb2;
  --neutral-300: #aab4c7;
  --neutral-200: #d6dbe5;
  --neutral-150: #e5e9f0;
  --neutral-100: #f1f4f9;
  --surface-white: #ffffff;
  --surface-parchment: #ffffff;
  --surface-pearl: #f8f9fc;
  --surface-1: #ffffff;
  --surface-2: #f7f8fa;
  --surface-3: #eef1f5;
  --surface-strong: #ffffff;
  --background-page: #ffffff;
  --background-surface: #ffffff;
  --background-subtle: #f1f5f9;
  --text-primary: #0b1739;
  --text-secondary: #61708a;
  --text-muted: #8995a9;
  --text-1: var(--text-primary);
  --border-default: #e3e8f0;
  --action-primary: #2563eb;
  --status-healthy: #147d4a;
  --status-warning: #a65d08;
  --status-critical: #b42318;
  --status-unknown: #64748b;
  --status-disabled: #7c8799;
  --status-stale: #7357a8;
  --status-ai: #6d4bc3;
  --white: #FFFFFF;
  --font-sans: 'Inter', 'Manrope', 'Segoe UI', sans-serif;
  --font-display: 'Inter', 'Manrope', sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  --text-xs: 12px; --text-sm: 13px; --text-base: 14px; --text-lg: 20px;
  --text-xl: 26px; --text-2xl: 34px; --text-3xl: 44px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-8: 48px; --space-10: 80px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px; --radius-pill: 999px;
  --border-color: var(--neutral-150);
  --border-strong: rgba(18, 32, 63, 0.12);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --sidebar-width: 248px;
  --sidebar-collapsed: 72px;
  --header-height: 52px;
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --density-row: 40px;
  --density-card-padding: 16px;
  --density-gap: 12px;
  --z-sidebar: 100; --z-header: 90; --z-overlay: 200; --z-modal: 300;
}

/* Dark theme values are defined with the shared workspace surfaces. */

[data-density="compact"] {
  --density-row: 40px;
  --density-card-padding: 16px;
  --density-gap: 12px;
}

[data-density="comfortable"] {
  --density-row: 48px;
  --density-card-padding: 22px;
  --density-gap: 18px;
}

[data-density="dense"] {
  --density-row: 34px;
  --density-card-padding: 12px;
  --density-gap: 8px;
}