/* SaleGo UI Theme — Light */
html.theme-light{
  --sg-bg: #f6f8fb;
  --sg-app-bg: var(--sg-bg);
  --sg-surface: #ffffff;
  --sg-surface-muted: #f8fafc;
  --sg-surface-elevated: #eef2f7;
  --sg-surface-2: var(--sg-surface-muted);
  --sg-surface-3: var(--sg-surface-elevated);
  --sg-surface-4: #e7edf5;
  --sg-text: #0f172a;
  --sg-text-soft: #1e293b;
  --sg-text-2: var(--sg-text-soft);
  --sg-muted: #64748b;
  --sg-disabled: #9ca3af;
  --sg-border: #d9e2ec;
  --sg-border-strong: #c6d1de;
  --sg-divider: #e2e8f0;
  --sg-primary: #2563eb;
  --sg-primary-hover: #1d4ed8;
  --sg-primary-active: #1e40af;
  --sg-primary-strong: var(--sg-primary-hover);
  --sg-primary-soft: rgba(37,99,235,.10);
  --sg-success: #16a34a;
  --sg-success-strong: #15803d;
  --sg-success-soft: rgba(22,163,74,.12);
  --sg-warning: #d97706;
  --sg-warning-strong: #b45309;
  --sg-warning-soft: rgba(217,119,6,.14);
  --sg-danger: #dc2626;
  --sg-danger-strong: #b91c1c;
  --sg-danger-soft: rgba(220,38,38,.12);
  --sg-info: #0891b2;
  --sg-info-strong: #0e7490;
  --sg-info-soft: rgba(8,145,178,.12);
  --sg-purple: #7c3aed;
  --sg-purple-strong: #6d28d9;
  --sg-purple-soft: rgba(124,58,237,.12);
  --sg-neutral: #475569;
  --sg-neutral-soft: rgba(71,85,105,.12);
  --sg-backdrop: rgba(15,23,42,.48);
  --sg-side-bg: #111827;
  --sg-side-text: #d1d5db;
  --sg-side-text-2: #9ca3af;
  --sg-side-hover: rgba(255,255,255,.06);
  --sg-side-active-bg: rgba(37,99,235,.15);
  --sg-side-active-rail: #2563eb;
  --sg-kpi-positive: var(--sg-success);
  --sg-kpi-negative: var(--sg-danger);
  --sg-shell-breadcrumb-fg: var(--sg-muted);
  --sg-shell-breadcrumb-current: var(--sg-text);

  --sg-overlay-strong:color-mix(in srgb,var(--sg-text) 32%, transparent);
  --sg-overlay-soft:color-mix(in srgb,var(--sg-text) 6%, transparent);
  --sg-overlay-soft-2:color-mix(in srgb,var(--sg-surface) 86%, var(--sg-primary-soft) 14%);
  --sg-text-on-primary:#ffffff;
  --sg-text-on-danger:#ffffff;
  --sg-dot-green:#22c55e;
  --sg-dot-yellow:#f59e0b;
  --sg-dot-red:#ef4444;
  --sg-dot-gray:#94a3b8;
  --sg-sidebar-glow-light:rgba(15,23,42,.05);
  --sg-admin-radial-1:rgba(37,99,235,.08);
  --sg-admin-radial-2:rgba(15,23,42,.05);
  --sg-landing-card-cover-fg:#cbd5e1;

}