/**
 * StatusX design system — single source of truth for all shells
 * (banking Bootstrap UI, AdminLTE back-office, auth/marketing).
 */
:root {
  --sx-navy: #101828;
  --sx-navy-mid: #1a2332;
  --sx-navy-elevated: #1a2332;
  --sx-accent: #00aeef;
  --sx-accent-deep: #0099cc;
  --sx-accent-hover: #4dc8f4;
  --sx-accent-soft: rgba(0, 174, 239, 0.15);
  --sx-border: #e8ecf1;
  --sx-surface: #ffffff;
  --sx-muted: #64748b;
  --sx-silver: #8e9297;
  --sx-text-muted: rgba(255, 255, 255, 0.85);
  --sx-footer: #0a101a;
  --sx-success: #10b981;
  --sx-danger: #ef4444;
  --sx-warning: #f59e0b;
  --sx-radius: 14px;
  --sx-radius-sm: 10px;
  --sx-shadow: 0 4px 24px rgba(16, 24, 40, 0.08);
  --sx-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06);
  --sx-page-bg: #f4f6f9;
}