:root {
  --sislit-navy-950: #071a33; --sislit-navy-900: #0f2a50; --sislit-blue-700: #1d4ed8; --sislit-blue-600: #2563eb; --sislit-blue-500: #3b82f6; --sislit-sky-400: #38bdf8;
  --sislit-canvas: #f6f8fc; --sislit-surface: #ffffff; --sislit-text: #14213d; --sislit-text-muted: #64748b; --sislit-border: #dbe4f0;
  --sislit-success: #059669; --sislit-success-soft: #ecfdf5; --sislit-warning: #d97706; --sislit-warning-soft: #fffbeb; --sislit-danger: #dc2626; --sislit-danger-soft: #fef2f2; --sislit-info-soft: #eff6ff;
  --sislit-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --sislit-text-xs: .75rem; --sislit-text-sm: .875rem; --sislit-text-base: 1rem; --sislit-text-lg: 1.125rem; --sislit-text-xl: 1.25rem; --sislit-text-2xl: 1.5rem; --sislit-text-3xl: 2rem;
  --sislit-space-1: .25rem; --sislit-space-2: .5rem; --sislit-space-3: .75rem; --sislit-space-4: 1rem; --sislit-space-5: 1.25rem; --sislit-space-6: 1.5rem; --sislit-space-8: 2rem; --sislit-radius-sm: .5rem; --sislit-radius-md: .75rem; --sislit-radius-lg: 1rem; --sislit-shadow-card: 0 8px 24px rgba(15, 42, 80, .08); --sislit-focus-ring: 0 0 0 3px rgba(37, 99, 235, .22);
}