/* SaleGo UI Theme — Dark */
html.theme-dark{
  --sg-bg: #0b1220;
  --sg-app-bg: #0f172a;
  --sg-surface: #121a2b;
  --sg-surface-muted: #172132;
  --sg-surface-elevated: #1c2940;
  --sg-surface-2: var(--sg-surface-muted);
  --sg-surface-3: var(--sg-surface-elevated);
  --sg-surface-4: #22314c;
  --sg-text: #e5eef9;
  --sg-text-soft: #d7e3f2;
  --sg-text-2: var(--sg-text-soft);
  --sg-muted: #97abc4;
  --sg-disabled: #64748b;
  --sg-border: rgba(148,163,184,.22);
  --sg-border-strong: rgba(148,163,184,.34);
  --sg-divider: #374151;
  --sg-primary: #60a5fa;
  --sg-primary-hover: #93c5fd;
  --sg-primary-active: #3b82f6;
  --sg-primary-strong: var(--sg-primary-hover);
  --sg-primary-soft: rgba(96,165,250,.16);
  --sg-success: #4ade80;
  --sg-success-strong: #86efac;
  --sg-success-soft: rgba(74,222,128,.14);
  --sg-warning: #fbbf24;
  --sg-warning-strong: #fcd34d;
  --sg-warning-soft: rgba(251,191,36,.16);
  --sg-danger: #f87171;
  --sg-danger-strong: #fca5a5;
  --sg-danger-soft: rgba(248,113,113,.16);
  --sg-info: #22d3ee;
  --sg-info-strong: #67e8f9;
  --sg-info-soft: rgba(34,211,238,.16);
  --sg-purple: #a78bfa;
  --sg-purple-strong: #c4b5fd;
  --sg-purple-soft: rgba(167,139,250,.16);
  --sg-neutral: #cbd5e1;
  --sg-neutral-soft: rgba(203,213,225,.12);
  --sg-backdrop: rgba(2,6,23,.66);
  --sg-side-bg: #0b1220;
  --sg-side-text: #cbd5e1;
  --sg-side-text-2: #94a3b8;
  --sg-side-hover: rgba(255,255,255,.08);
  --sg-side-active-bg: rgba(59,130,246,.15);
  --sg-side-active-rail: #3b82f6;
  --sg-kpi-positive: #4ade80;
  --sg-kpi-negative: #f87171;
  --sg-shell-breadcrumb-fg: var(--sg-muted);
  --sg-shell-breadcrumb-current: var(--sg-text);
  --sg-shadow-sm: 0 8px 20px rgba(2,6,23,.30);
  --sg-shadow-md: 0 14px 36px rgba(2,6,23,.36);
  --sg-shadow-lg: 0 26px 70px rgba(2,6,23,.42);
  --sg-shadow-xl: 0 36px 110px rgba(2,6,23,.52);

  --sg-overlay-strong:color-mix(in srgb,var(--sg-text) 38%, transparent);
  --sg-overlay-soft:color-mix(in srgb,var(--sg-surface) 92%, var(--sg-text) 8%);
  --sg-overlay-soft-2:color-mix(in srgb,var(--sg-surface) 88%, var(--sg-text) 12%);
  --sg-text-on-primary:#07111F;
  --sg-text-on-danger:#07111F;
  --sg-dot-green:#4ade80;
  --sg-dot-yellow:#fbbf24;
  --sg-dot-red:#f87171;
  --sg-dot-gray:#94a3b8;
  --sg-sidebar-glow-dark:rgba(2,6,23,.28);
  --sg-admin-radial-dark-1:rgba(59,130,246,.10);
  --sg-admin-radial-dark-2:rgba(148,163,184,.06);

}