html[data-theme="theme-1"][data-mode="light"] {
  --ssa-bg-app:#f6f9fc;
  --ssa-bg-sidebar:#061a2f;
  --ssa-bg-header:#076275;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#0f172a;
  --ssa-text-muted:#64748b;
  --ssa-text-sidebar:#f8fafc;
  --ssa-text-header:#ffffff;
  --ssa-primary:#0e7490;
  --ssa-primary-hover:#155e75;
  --ssa-primary-soft:#cffafe;
  --ssa-border:#dbe4ee;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#0f172a;
  --ssa-input-border:#cbd5e1;
  --ssa-table-header-bg:#f1f5f9;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-1"][data-mode="dark"] {
  --ssa-bg-app:#07111f;
  --ssa-bg-sidebar:#020617;
  --ssa-bg-header:#083344;
  --ssa-bg-card:#0f172a;
  --ssa-bg-modal:#111827;
  --ssa-text-main:#f8fafc;
  --ssa-text-muted:#cbd5e1;
  --ssa-text-sidebar:#f8fafc;
  --ssa-text-header:#f8fafc;
  --ssa-primary:#22d3ee;
  --ssa-primary-hover:#06b6d4;
  --ssa-primary-soft:#164e63;
  --ssa-border:#334155;
  --ssa-input-bg:#111827;
  --ssa-input-text:#f8fafc;
  --ssa-input-border:#475569;
  --ssa-table-header-bg:#1e293b;
  --ssa-table-row-bg:#0f172a;
}

html[data-theme="theme-2"][data-mode="light"] {
  --ssa-bg-app:#eef6ff;
  --ssa-bg-sidebar:#18212b;
  --ssa-bg-header:#0349d9;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#111827;
  --ssa-text-muted:#64748b;
  --ssa-text-sidebar:#f9fafb;
  --ssa-text-header:#ffffff;
  --ssa-primary:#2563eb;
  --ssa-primary-hover:#1d4ed8;
  --ssa-primary-soft:#dbeafe;
  --ssa-border:#dbe4ef;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#111827;
  --ssa-input-border:#cbd5e1;
  --ssa-table-header-bg:#f1f5f9;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-2"][data-mode="dark"] {
  --ssa-bg-app:#071120;
  --ssa-bg-sidebar:#020617;
  --ssa-bg-header:#1e3a8a;
  --ssa-bg-card:#111827;
  --ssa-bg-modal:#111827;
  --ssa-text-main:#f8fafc;
  --ssa-text-muted:#cbd5e1;
  --ssa-text-sidebar:#ffffff;
  --ssa-text-header:#ffffff;
  --ssa-primary:#60a5fa;
  --ssa-primary-hover:#3b82f6;
  --ssa-primary-soft:#1e3a8a;
  --ssa-border:#334155;
  --ssa-input-bg:#0f172a;
  --ssa-input-text:#f8fafc;
  --ssa-input-border:#475569;
  --ssa-table-header-bg:#1e293b;
  --ssa-table-row-bg:#111827;
}

html[data-theme="theme-3"][data-mode="light"] {
  --ssa-bg-app:#f6faf7;
  --ssa-bg-sidebar:#033d22;
  --ssa-bg-header:#ffffff;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#102016;
  --ssa-text-muted:#5b6b60;
  --ssa-text-sidebar:#f0fdf4;
  --ssa-text-header:#102016;
  --ssa-primary:#15803d;
  --ssa-primary-hover:#166534;
  --ssa-primary-soft:#dcfce7;
  --ssa-border:#dbe7dd;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#102016;
  --ssa-input-border:#cbd5d0;
  --ssa-table-header-bg:#f0fdf4;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-3"][data-mode="dark"] {
  --ssa-bg-app:#06140c;
  --ssa-bg-sidebar:#02150b;
  --ssa-bg-header:#052e16;
  --ssa-bg-card:#0f1f15;
  --ssa-bg-modal:#0f1f15;
  --ssa-text-main:#f0fdf4;
  --ssa-text-muted:#bbf7d0;
  --ssa-text-sidebar:#f0fdf4;
  --ssa-text-header:#f0fdf4;
  --ssa-primary:#4ade80;
  --ssa-primary-hover:#22c55e;
  --ssa-primary-soft:#14532d;
  --ssa-border:#22543d;
  --ssa-input-bg:#102016;
  --ssa-input-text:#f0fdf4;
  --ssa-input-border:#2f6b47;
  --ssa-table-header-bg:#12351f;
  --ssa-table-row-bg:#0f1f15;
}

html[data-theme="theme-4"][data-mode="light"] {
  --ssa-bg-app:#faf8ff;
  --ssa-bg-sidebar:#241333;
  --ssa-bg-header:#ffffff;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#191124;
  --ssa-text-muted:#6b6078;
  --ssa-text-sidebar:#ffffff;
  --ssa-text-header:#191124;
  --ssa-primary:#5b21b6;
  --ssa-primary-hover:#4c1d95;
  --ssa-primary-soft:#ede9fe;
  --ssa-border:#e6def8;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#191124;
  --ssa-input-border:#d8cdee;
  --ssa-table-header-bg:#f5f3ff;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-4"][data-mode="dark"] {
  --ssa-bg-app:#12091c;
  --ssa-bg-sidebar:#160a22;
  --ssa-bg-header:#2e1065;
  --ssa-bg-card:#1f1330;
  --ssa-bg-modal:#1f1330;
  --ssa-text-main:#faf5ff;
  --ssa-text-muted:#ddd6fe;
  --ssa-text-sidebar:#faf5ff;
  --ssa-text-header:#faf5ff;
  --ssa-primary:#a78bfa;
  --ssa-primary-hover:#8b5cf6;
  --ssa-primary-soft:#4c1d95;
  --ssa-border:#4c2a67;
  --ssa-input-bg:#211333;
  --ssa-input-text:#faf5ff;
  --ssa-input-border:#6d4d8a;
  --ssa-table-header-bg:#2e1a47;
  --ssa-table-row-bg:#1f1330;
}

html[data-theme="theme-5"][data-mode="light"] {
  --ssa-bg-app:#fbf7ed;
  --ssa-bg-sidebar:#050505;
  --ssa-bg-header:#fffdf7;
  --ssa-bg-card:#fffaf0;
  --ssa-bg-modal:#fffaf0;
  --ssa-text-main:#1c1917;
  --ssa-text-muted:#756b5d;
  --ssa-text-sidebar:#fff7ed;
  --ssa-text-header:#1c1917;
  --ssa-primary:#b77905;
  --ssa-primary-hover:#92400e;
  --ssa-primary-soft:#fef3c7;
  --ssa-border:#eadfcb;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#1c1917;
  --ssa-input-border:#d6c6a8;
  --ssa-table-header-bg:#fff3d6;
  --ssa-table-row-bg:#fffaf0;
}

html[data-theme="theme-5"][data-mode="dark"] {
  --ssa-bg-app:#0c0a09;
  --ssa-bg-sidebar:#000000;
  --ssa-bg-header:#1c1917;
  --ssa-bg-card:#1c1917;
  --ssa-bg-modal:#1c1917;
  --ssa-text-main:#fff7ed;
  --ssa-text-muted:#fed7aa;
  --ssa-text-sidebar:#fff7ed;
  --ssa-text-header:#fff7ed;
  --ssa-primary:#f59e0b;
  --ssa-primary-hover:#d97706;
  --ssa-primary-soft:#78350f;
  --ssa-border:#44403c;
  --ssa-input-bg:#292524;
  --ssa-input-text:#fff7ed;
  --ssa-input-border:#57534e;
  --ssa-table-header-bg:#292524;
  --ssa-table-row-bg:#1c1917;
}

html[data-theme="theme-6"][data-mode="light"] {
  --ssa-bg-app:#f0fbff;
  --ssa-bg-sidebar:#143447;
  --ssa-bg-header:#06b6d4;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#102a3a;
  --ssa-text-muted:#5f7584;
  --ssa-text-sidebar:#f0fbff;
  --ssa-text-header:#ffffff;
  --ssa-primary:#0891b2;
  --ssa-primary-hover:#0e7490;
  --ssa-primary-soft:#cffafe;
  --ssa-border:#d5edf5;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#102a3a;
  --ssa-input-border:#b9d8e2;
  --ssa-table-header-bg:#ecfeff;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-6"][data-mode="dark"] {
  --ssa-bg-app:#061923;
  --ssa-bg-sidebar:#071823;
  --ssa-bg-header:#155e75;
  --ssa-bg-card:#0f2533;
  --ssa-bg-modal:#0f2533;
  --ssa-text-main:#ecfeff;
  --ssa-text-muted:#a5f3fc;
  --ssa-text-sidebar:#ecfeff;
  --ssa-text-header:#ecfeff;
  --ssa-primary:#22d3ee;
  --ssa-primary-hover:#06b6d4;
  --ssa-primary-soft:#164e63;
  --ssa-border:#22566a;
  --ssa-input-bg:#102a3a;
  --ssa-input-text:#ecfeff;
  --ssa-input-border:#357084;
  --ssa-table-header-bg:#153445;
  --ssa-table-row-bg:#0f2533;
}

html[data-theme="theme-7"][data-mode="light"] {
  --ssa-bg-app:#f8fafc;
  --ssa-bg-sidebar:#063b3b;
  --ssa-bg-header:#ffffff;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#101827;
  --ssa-text-muted:#64748b;
  --ssa-text-sidebar:#f0fdfa;
  --ssa-text-header:#101827;
  --ssa-primary:#f97316;
  --ssa-primary-hover:#ea580c;
  --ssa-primary-soft:#ffedd5;
  --ssa-border:#e2e8f0;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#101827;
  --ssa-input-border:#cbd5e1;
  --ssa-table-header-bg:#f1f5f9;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-7"][data-mode="dark"] {
  --ssa-bg-app:#061313;
  --ssa-bg-sidebar:#022c2c;
  --ssa-bg-header:#123333;
  --ssa-bg-card:#102323;
  --ssa-bg-modal:#102323;
  --ssa-text-main:#f8fafc;
  --ssa-text-muted:#cbd5e1;
  --ssa-text-sidebar:#f0fdfa;
  --ssa-text-header:#f8fafc;
  --ssa-primary:#fb923c;
  --ssa-primary-hover:#f97316;
  --ssa-primary-soft:#7c2d12;
  --ssa-border:#2d5555;
  --ssa-input-bg:#132f2f;
  --ssa-input-text:#f8fafc;
  --ssa-input-border:#477171;
  --ssa-table-header-bg:#173b3b;
  --ssa-table-row-bg:#102323;
}

html[data-theme="theme-8"][data-mode="light"] {
  --ssa-bg-app:#eef7ff;
  --ssa-bg-sidebar:#061a34;
  --ssa-bg-header:#ffffff;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#0f172a;
  --ssa-text-muted:#64748b;
  --ssa-text-sidebar:#f8fafc;
  --ssa-text-header:#0f172a;
  --ssa-primary:#16a34a;
  --ssa-primary-hover:#15803d;
  --ssa-primary-soft:#dcfce7;
  --ssa-border:#dbeafe;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#0f172a;
  --ssa-input-border:#cbd5e1;
  --ssa-table-header-bg:#f0f9ff;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-8"][data-mode="dark"] {
  --ssa-bg-app:#06101f;
  --ssa-bg-sidebar:#020617;
  --ssa-bg-header:#082f49;
  --ssa-bg-card:#0f172a;
  --ssa-bg-modal:#0f172a;
  --ssa-text-main:#f8fafc;
  --ssa-text-muted:#bfdbfe;
  --ssa-text-sidebar:#f8fafc;
  --ssa-text-header:#f8fafc;
  --ssa-primary:#4ade80;
  --ssa-primary-hover:#22c55e;
  --ssa-primary-soft:#14532d;
  --ssa-border:#334155;
  --ssa-input-bg:#111827;
  --ssa-input-text:#f8fafc;
  --ssa-input-border:#475569;
  --ssa-table-header-bg:#1e293b;
  --ssa-table-row-bg:#0f172a;
}

html[data-theme="theme-9"][data-mode="light"] {
  --ssa-bg-app:#fbf7ef;
  --ssa-bg-sidebar:#2b2119;
  --ssa-bg-header:#7f1d1d;
  --ssa-bg-card:#fffdf8;
  --ssa-bg-modal:#fffdf8;
  --ssa-text-main:#1c1917;
  --ssa-text-muted:#756b63;
  --ssa-text-sidebar:#fff7ed;
  --ssa-text-header:#ffffff;
  --ssa-primary:#b91c1c;
  --ssa-primary-hover:#991b1b;
  --ssa-primary-soft:#fee2e2;
  --ssa-border:#eadfd0;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#1c1917;
  --ssa-input-border:#d6c6b4;
  --ssa-table-header-bg:#fff7ed;
  --ssa-table-row-bg:#fffdf8;
}

html[data-theme="theme-9"][data-mode="dark"] {
  --ssa-bg-app:#130d0a;
  --ssa-bg-sidebar:#1c130f;
  --ssa-bg-header:#450a0a;
  --ssa-bg-card:#211713;
  --ssa-bg-modal:#211713;
  --ssa-text-main:#fff7ed;
  --ssa-text-muted:#fed7aa;
  --ssa-text-sidebar:#fff7ed;
  --ssa-text-header:#fff7ed;
  --ssa-primary:#f87171;
  --ssa-primary-hover:#ef4444;
  --ssa-primary-soft:#7f1d1d;
  --ssa-border:#4b342b;
  --ssa-input-bg:#2b1d17;
  --ssa-input-text:#fff7ed;
  --ssa-input-border:#66483a;
  --ssa-table-header-bg:#33231c;
  --ssa-table-row-bg:#211713;
}

html[data-theme="theme-10"][data-mode="light"] {
  --ssa-bg-app:#f5f8fb;
  --ssa-bg-sidebar:#101923;
  --ssa-bg-header:#ffffff;
  --ssa-bg-card:#ffffff;
  --ssa-bg-modal:#ffffff;
  --ssa-text-main:#111827;
  --ssa-text-muted:#64748b;
  --ssa-text-sidebar:#f8fafc;
  --ssa-text-header:#111827;
  --ssa-primary:#0d9488;
  --ssa-primary-hover:#0f766e;
  --ssa-primary-soft:#ccfbf1;
  --ssa-border:#e2e8f0;
  --ssa-input-bg:#ffffff;
  --ssa-input-text:#111827;
  --ssa-input-border:#cbd5e1;
  --ssa-table-header-bg:#f8fafc;
  --ssa-table-row-bg:#ffffff;
}

html[data-theme="theme-10"][data-mode="dark"] {
  --ssa-bg-app:#07111a;
  --ssa-bg-sidebar:#030712;
  --ssa-bg-header:#111827;
  --ssa-bg-card:#101827;
  --ssa-bg-modal:#101827;
  --ssa-text-main:#f8fafc;
  --ssa-text-muted:#cbd5e1;
  --ssa-text-sidebar:#f8fafc;
  --ssa-text-header:#f8fafc;
  --ssa-primary:#2dd4bf;
  --ssa-primary-hover:#14b8a6;
  --ssa-primary-soft:#134e4a;
  --ssa-border:#334155;
  --ssa-input-bg:#111827;
  --ssa-input-text:#f8fafc;
  --ssa-input-border:#475569;
  --ssa-table-header-bg:#1e293b;
  --ssa-table-row-bg:#101827;
}