:root{
  --pm-bg: #f5f7fb;
  --pm-surface: #ffffff;
  --pm-surface-2: #f8fafc;
  --pm-ink: #0f172a;
  --pm-muted: #64748b;
  --pm-border: #e2e8f0;

  --pm-blue-900: #0b2d66;
  --pm-blue-800: #123a82;
  --pm-blue-700: #1d4ed8;
  --pm-blue-100: #e8f0ff;

  --pm-success: #16a34a;
  --pm-danger: #dc2626;
  --pm-warning: #f59e0b;

  --pm-shadow: 0 12px 36px rgba(15, 23, 42, .08);
  --pm-shadow-sm: 0 4px 16px rgba(15, 23, 42, .06);

  --pm-radius-xs: 10px;
  --pm-radius-sm: 14px;
  --pm-radius: 18px;
  --pm-radius-lg: 22px;
}