:root {
  /* layout */
  --vp-header-height: 56px;
  --vp-sidebar-width: 240px;

  /* spacing */
  --vp-space-2: 8px;
  --vp-space-3: 12px;
  --vp-space-4: 16px;
  --vp-space-5: 20px;
  --vp-space-6: 24px;
  --vp-space-8: 32px;

  /* radius */
  --vp-radius-md: 8px;
  --vp-radius-pill: 999px;

  /* typography */
  --vp-font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --vp-text-xs: 11px;
  --vp-text-sm: 12px;
  --vp-text-md: 14px;
  --vp-text-lg: 16px;

  /* motion */
  --vp-motion-fast: 150ms;
  --vp-easing-default: ease;

  /* surfaces & text */
  --vp-color-bg: #0f172a;
  --vp-color-surface: #1e293b;
  --vp-color-surface-2: #273449;
  --vp-color-border-soft: #1f2a3d;
  --vp-color-text: #f1f5f9;
  --vp-color-text-muted: #94a3b8;
  --vp-color-text-dim: #64748b;
  --vp-color-accent: #3b82f6;
  --vp-color-accent-soft: rgba(59, 130, 246, 0.15);

  /* header */
  --vp-color-header-gradient: linear-gradient(141deg, #2196f3 25%, #0083b0 50%, #313fa6 90%);
  --vp-color-header-text: #fff;
  --vp-color-header-text-muted: rgba(255, 255, 255, 0.78);

  /* severity (status chip) */
  --vp-color-severity-critical: #f43f5e;
  --vp-color-severity-critical-bg: rgba(244, 63, 94, 0.12);
  --vp-color-severity-warning: #f97316;
  --vp-color-severity-warning-bg: rgba(249, 115, 22, 0.12);
  --vp-color-severity-ok: #10b981;
  --vp-color-severity-ok-bg: rgba(16, 185, 129, 0.12);
  --vp-color-severity-system: #94a3b8;
  --vp-color-severity-system-bg: rgba(148, 163, 184, 0.12);
  --vp-color-severity-info: #a78bfa;
  --vp-color-severity-info-bg: rgba(167, 139, 250, 0.15);
}