:root {
  --sp-navy-950: #0f172a;
  --sp-navy-900: #0f172a;
  --sp-blue-700: #1d4ed8;
  --sp-blue-600: #2563eb;
  --sp-blue-500: #2563eb;
  --sp-blue-400: #60a5fa;
  --sp-blue-300: #93c5fd;
  --sp-violet-500: #7c3aed;
  --sp-violet-400: #8b5cf6;
  --sp-teal-500: #14b8a6;
  --sp-success: #16a34a;
  --sp-success-600: #15803d;
  --sp-success-100: #ecfdf3;
  --sp-warning: #f59e0b;
  --sp-warning-600: #b45309;
  --sp-warning-100: #fff7e6;
  --sp-error: #ef4444;
  --sp-danger-600: #dc2626;
  --sp-danger-100: #fef2f2;
  --sp-info: #0ea5e9;
  --sp-purple: #7c3aed;
  --sp-slate-700: #334155;
  --sp-slate-600: #64748b;
  --sp-slate-500: #94a3b8;
  --sp-slate-400: #94a3b8;
  --sp-slate-300: #cbd5e1;
  --sp-slate-200: #e2e8f0;
  --sp-slate-100: #f1f5f9;
  --sp-gray-50: #f8fafc;
  --sp-app-bg: #fafaf8;
  --sp-surface: #fff;
  --sp-surface-warm: #fafaf8;
  --sp-surface-warm-subtle: #fbfaf7;
  --sp-white: #fff;
  --sp-border: #e7e9ee;
  --sp-sidebar-bg: #fcfcfb;
  --sp-sidebar-border: #e7e9ee;
  --sp-nav-text: #40526a;
  --sp-nav-icon: #6f8095;
  --sp-nav-hover: #f5f7fa;
  --sp-nav-active-bg: #eef4ff;
  --sp-nav-active-text: #2563eb;
  --sp-border-warm: #e7e9ee;
  --sp-text-primary: #0f172a;
  --sp-text-secondary: #334155;
  --sp-text-muted: #64748b;
  --sp-text-subtle: #94a3b8;
  --sp-status-blue-bg: #eef4ff;
  --sp-status-teal-bg: #eafaf8;
  --sp-status-amber-bg: #fff6e6;
  --sp-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sp-font-size-xs: 11px;
  --sp-font-size-sm: 12px;
  --sp-font-size-md: 14px;
  --sp-font-size-lg: 16px;
  --sp-font-size-xl: 20px;
  --sp-font-size-2xl: 32px;
  --sp-font-normal: 400;
  --sp-font-medium: 500;
  --sp-font-semibold: 600;
  --sp-font-bold: 700;
  --sp-space-1: 4px;
  --sp-space-2: 8px;
  --sp-space-3: 12px;
  --sp-space-4: 16px;
  --sp-space-5: 20px;
  --sp-space-6: 24px;
  --sp-space-8: 32px;
  --sp-space-10: 40px;
  --sp-space-12: 48px;
  --sp-space-16: 64px;
  --sp-radius-sm: 6px;
  --sp-radius-md: 10px;
  --sp-radius-lg: 12px;
  --sp-radius-xl: 16px;
  --sp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
  --sp-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
  --sp-shadow-lg: 0 12px 24px rgba(15, 23, 42, .12);
  --sp-focus: 0 0 0 3px rgba(37, 99, 235, .16);
  --sp-transition: 160ms ease;
  --sp-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  --sp-gradient-secondary: linear-gradient(135deg, #22d3ee 0%, #14b8a6 100%);
  --bs-primary: #2563eb;
  --bs-primary-rgb: 37, 99, 235;
  --bs-body-font-family: var(--sp-font-sans);
  --bs-body-font-size: var(--sp-font-size-md);
  --bs-body-font-weight: var(--sp-font-normal);
  --bs-body-color: var(--sp-text-secondary);
  --bs-link-color: #2563eb;
  --bs-link-hover-color: #1d4ed8;
  --metronic-primary: #2563eb;
  --metronic-primary-active: #1d4ed8;
  --metronic-sidebar-bg: #fcfcfb;
  --metronic-sidebar-bg-hover: #f5f7fa;
  --metronic-content-bg: #fafaf8;
  --metronic-card-border: #e7e9ee;
  --metronic-radius: 10px;
  --metronic-sidebar-width: 244px;
  --demo1-primary: #2563eb;
  --demo1-primary-active: #1d4ed8;
  --demo1-surface: #fafaf8;
  --demo1-border: #e7e9ee;
  --demo1-heading: #0f172a;
  --demo1-text: #334155;
  --demo1-muted: #64748b;
}