:root {
  --mdv-suite-primary: #111827;
  --mdv-suite-secondary: #2563eb;
  --mdv-suite-accent: #f97316;
  --mdv-suite-bg: #fff;
  --mdv-suite-surface: #f8fafc;
  --mdv-suite-text: #111827;
  --mdv-suite-muted: #6b7280;
  --mdv-suite-success: #15803d;
  --mdv-suite-warning: #b45309;
  --mdv-suite-danger: #b91c1c;
  --mdv-suite-radius: 14px;
  --mdv-suite-shadow: 0 12px 30px rgba(0, 0, 0, .08);
  --mdv-suite-spacing: 24px;
  --mdv-suite-sidebar-width: 230px;
  --mdv-suite-sidebar-collapsed-width: 76px;
  --mdv-suite-sidebar-bg: var(--mdv-suite-primary);
  --mdv-suite-sidebar-height: calc(100vh - var(--mdv-suite-adminbar-height));
  --mdv-suite-sidebar-footer-height: 92px;
  --mdv-suite-content-gap: 0px;
  --mdv-suite-shell-content-padding: clamp(24px, 4vw, 56px);
  --mdv-suite-adminbar-height: 32px;
}