:root {
  color-scheme: light;
  --mp-bg: #edf2f8;
  --mp-surface: #ffffff;
  --mp-surface-subtle: #f5f8fc;
  --mp-surface-raised: #ffffff;
  --mp-text: #172033;
  --mp-text-strong: #0d1526;
  --mp-muted: #647089;
  --mp-primary: #1769e0;
  --mp-primary-hover: #1159c2;
  --mp-primary-soft: #e8f1ff;
  --mp-on-primary: #ffffff;
  --mp-success: #087f5b;
  --mp-success-soft: #e4f7f0;
  --mp-warning: #a45b00;
  --mp-warning-soft: #fff2dc;
  --mp-danger: #c23645;
  --mp-danger-soft: #ffeaed;
  --mp-info: #086e9e;
  --mp-info-soft: #e5f5fc;
  --mp-border: #d7e0ec;
  --mp-border-strong: #becddd;
  --mp-overlay: rgba(13, 21, 38, .52);
  --mp-shadow-sm: none;
  --mp-shadow-md: 0 8px 24px rgba(29, 43, 68, .09);
  --mp-shadow-lg: 0 24px 64px rgba(13, 21, 38, .2);
  --mp-radius-sm: 6px;
  --mp-radius-md: 8px;
  --mp-radius-lg: 12px;
  --mp-space-1: 4px;
  --mp-space-2: 8px;
  --mp-space-3: 12px;
  --mp-space-4: 16px;
  --mp-space-5: 20px;
  --mp-space-6: 24px;
  --mp-space-8: 32px;
  --mp-sidebar-width: 224px;
  --mp-topbar-height: 68px;
  --mp-motion-fast: 150ms;
  --mp-motion: 220ms;
  --mp-ease: cubic-bezier(.2, .8, .2, 1);
  --mp-z-sidebar: 30;
  --mp-z-topbar: 40;
  --mp-z-overlay: 80;
  --mp-z-dialog: 90;
  --mp-z-toast: 100;
}

[data-theme="dark"] {
  color-scheme: dark;
  --mp-bg: #0d1420;
  --mp-surface: #151f2f;
  --mp-surface-subtle: #101a28;
  --mp-surface-raised: #1a2638;
  --mp-text: #e8eef7;
  --mp-text-strong: #ffffff;
  --mp-muted: #a3afc2;
  --mp-primary: #66a7ff;
  --mp-primary-hover: #8abbff;
  --mp-primary-soft: #18385f;
  --mp-on-primary: #081321;
  --mp-success: #5bd7ad;
  --mp-success-soft: #123c33;
  --mp-warning: #ffc36b;
  --mp-warning-soft: #49341a;
  --mp-danger: #ff8894;
  --mp-danger-soft: #4d252d;
  --mp-info: #70c9f0;
  --mp-info-soft: #173747;
  --mp-border: #2b384b;
  --mp-border-strong: #3b4b61;
  --mp-overlay: rgba(2, 6, 12, .72);
  --mp-shadow-sm: none;
  --mp-shadow-md: 0 10px 28px rgba(0, 0, 0, .28);
  --mp-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
}