:root {
  color-scheme: light;
  --marh-primary: #2563eb;
  --marh-primary-hover: #1d4ed8;
  --marh-primary-soft: #eff6ff;
  --marh-sidebar: #101f3b;
  --marh-sidebar-hover: #1c3153;
  --marh-nav-muted: #a8b6cc;
  --marh-bg: #f3f6fb;
  --marh-surface: #ffffff;
  --marh-border: #e2e8f0;
  --marh-text: #0f172a;
  --marh-muted: #556274;
  --marh-on-dark: #f8fafc;
  --marh-success: #166534;
  --marh-success-bg: #f0fdf4;
  --marh-warning: #92400e;
  --marh-warning-bg: #fffbeb;
  --marh-danger: #b91c1c;
  --marh-danger-hover: #991b1b;
  --marh-danger-bg: #fef2f2;
  --marh-info: #1e40af;
  --marh-info-bg: #eff6ff;
  --marh-brand-light: #93c5fd;
  --marh-overlay: #0f172a99;
  --marh-shadow: 0 12px 32px #0f172a0d;
  --marh-shadow-raised: 0 20px 60px #0f172a26;
  --marh-radius: 10px;
  --marh-radius-sm: 8px;
  --marh-radius-lg: 14px;
  --marh-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --marh-sidebar-width: 220px;
  --marh-sidebar-compact: 68px;
  --marh-space-1: 4px;
  --marh-space-2: 8px;
  --marh-space-3: 12px;
  --marh-space-4: 16px;
  --marh-space-5: 24px;
  --marh-space-6: 32px;
  --marh-space-7: 48px;
  --marh-control-height: 38px;
  --marh-topbar-height: 60px;
  --marh-content-width: none;
  --marh-surface-subtle: #f8fafc;
  --marh-border-strong: #cbd5e1;
  --marh-shadow-card: 0 1px 2px #10203c0a, 0 4px 14px #10203c06;
  --marh-focus: 3px solid var(--marh-primary);
}