:root {
  --facilop-navy: #0d2b4e;
  --facilop-blue: #1e88e5;
  --facilop-teal: #008f7c;
  --facilop-green: #5f8f2f;
  --facilop-amber: #b96b00;
  --facilop-slate: #455a64;
  --facilop-background: #f5f7fa;
  --facilop-surface: #ffffff;
  --facilop-surface-alt: #f8fafc;
  --facilop-border: #e2e8f0;
  --facilop-text: #172033;
  --facilop-muted: #64748b;
  --facilop-danger: #d64545;
  --facilop-success: #167047;
  --facilop-warning: #8a5a00;
  --facilop-focus: #1e88e5;
  --facilop-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --facilop-shadow-md: 0 12px 32px rgba(15, 23, 42, .12);
  --facilop-radius: 8px;
  --facilop-radius-sm: 6px;
  --facilop-sidebar-width: 296px;
  --facilop-topbar-height: 72px;
  --facilop-font-en: Inter, Arial, Helvetica, sans-serif;
  --facilop-font-ar: "Noto Kufi Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}
[data-theme="dark"] {
  --facilop-background: #101820;
  --facilop-surface: #17212c;
  --facilop-surface-alt: #1d2935;
  --facilop-border: #314253;
  --facilop-text: #eef4f8;
  --facilop-muted: #aebdca;
  --facilop-shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --facilop-shadow-md: 0 16px 40px rgba(0,0,0,.35);
}