/* Smart WMS theme tokens — ported verbatim from prototype/css/app.css (lines 7-687).
   21 presets = 7 palettes x 3 sidebar styles, selected by <html data-theme="...">.
   Status and confidence colours are fixed and must never be themed. Components live in app.css. */

/* ==========================================================================
   21 finalized themes — 7 palettes (orange, blue, green, yellow, indigo, teal, red)
   × 3 sidebar styles (clean, solid, dark). Ported from prototype/ui_showcase.html.
   Status colors defined further below are intentionally NOT overridden here.
   ========================================================================== */

/* Default (:root) mirrors orange-clean */
:root,
[data-theme="orange-clean"] {
  --color-primary: #FE6D04;
  --color-primary-hover: #e05d00;
  --color-primary-light: #FED7BC;
  --color-primary-50: #FFF3EA;
  --color-primary-glow: rgba(254, 109, 4, 0.22);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #FAFAFA;
  --color-surface-card: #ffffff;
  --color-surface-alt: #FFFBF8;
  --color-line: #FFE8D6;
  --color-line-focus: #FED7BC;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #FFE2CC;
  --color-sidebar-hover: #FFF7F2;
  --color-sidebar-active: #FE6D04;
  --color-sidebar-active-bg: #FFF3EA;
  --color-sidebar-active-text: #FE6D04;
  --badge-bg: #FFF3EA;
  --badge-text: #FE6D04;
  --badge-border: #FED7BC;
  --card-shadow: 0 4px 20px -2px rgba(254, 109, 4, 0.04), 0 2px 6px -1px rgba(0, 0, 0, 0.02);
}

[data-theme="orange-solid"] {
  --color-primary: #FE6D04;
  --color-primary-hover: #e05d00;
  --color-primary-light: #FED7BC;
  --color-primary-50: #FFF3EA;
  --color-primary-glow: rgba(254, 109, 4, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #FE6D04;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #FFE5D3;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #FFF3EA;
  --badge-text: #FE6D04;
  --badge-border: #FED7BC;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

/* Legacy alias for older saved themes with bare palette name */
[data-theme="orange"],
[data-theme="orange-dark"] {
  --color-primary: #FE6D04;
  --color-primary-hover: #ff7d1f;
  --color-primary-light: #FED7BC;
  --color-primary-50: #FFF3EA;
  --color-primary-glow: rgba(254, 109, 4, 0.30);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #fafaf9;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e7e5e4;
  --color-line-focus: #d6d3d1;
  --color-ink: #1c1917;
  --color-ink-secondary: #334155;
  --color-muted: #78716c;
  --color-sidebar-bg: #1c1917;
  --color-sidebar-text: #fafaf9;
  --color-sidebar-muted: #a8a29e;
  --color-sidebar-border: #292524;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #FE6D04;
  --color-sidebar-active-bg: rgba(254, 109, 4, 0.22);
  --color-sidebar-active-text: #ff9d54;
  --badge-bg: #fff7ed;
  --badge-text: #ea580c;
  --badge-border: #fed7aa;
  --card-shadow: 0 4px 20px -2px rgba(28, 25, 23, 0.04);
}

[data-theme="blue-clean"] {
  --color-primary: #0284c7;
  --color-primary-hover: #0369a1;
  --color-primary-light: #BAE6FD;
  --color-primary-50: #E0F2FE;
  --color-primary-glow: rgba(2, 132, 199, 0.22);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f0f4f8;
  --color-surface-card: #ffffff;
  --color-surface-alt: #F0F9FF;
  --color-line: #E0F2FE;
  --color-line-focus: #BAE6FD;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #BAE6FD;
  --color-sidebar-hover: #F0F9FF;
  --color-sidebar-active: #0284c7;
  --color-sidebar-active-bg: #E0F2FE;
  --color-sidebar-active-text: #0284c7;
  --badge-bg: #E0F2FE;
  --badge-text: #0284c7;
  --badge-border: #BAE6FD;
  --card-shadow: 0 4px 20px -2px rgba(2, 132, 199, 0.04);
}

[data-theme="blue-solid"] {
  --color-primary: #0284c7;
  --color-primary-hover: #0369a1;
  --color-primary-light: #BAE6FD;
  --color-primary-50: #E0F2FE;
  --color-primary-glow: rgba(2, 132, 199, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f0f4f8;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #0284c7;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #BAE6FD;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #E0F2FE;
  --badge-text: #0284c7;
  --badge-border: #BAE6FD;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="blue"],
[data-theme="blue-dark"] {
  --color-primary: #0284c7;
  --color-primary-hover: #0369a1;
  --color-primary-light: #BAE6FD;
  --color-primary-50: #E0F2FE;
  --color-primary-glow: rgba(2, 132, 199, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f0f4f8;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #0f172a;
  --color-sidebar-text: #f8fafc;
  --color-sidebar-muted: #94a3b8;
  --color-sidebar-border: #1e293b;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #0284c7;
  --color-sidebar-active-bg: rgba(2, 132, 199, 0.22);
  --color-sidebar-active-text: #38bdf8;
  --badge-bg: #E0F2FE;
  --badge-text: #0284c7;
  --badge-border: #BAE6FD;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="green-clean"] {
  --color-primary: #10B981;
  --color-primary-hover: #059669;
  --color-primary-light: #A7F3D0;
  --color-primary-50: #ECFDF5;
  --color-primary-glow: rgba(16, 185, 129, 0.22);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #FAFAFA;
  --color-surface-card: #ffffff;
  --color-surface-alt: #F0FDF4;
  --color-line: #D1FAE5;
  --color-line-focus: #A7F3D0;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #A7F3D0;
  --color-sidebar-hover: #F0FDF4;
  --color-sidebar-active: #10B981;
  --color-sidebar-active-bg: #ECFDF5;
  --color-sidebar-active-text: #10B981;
  --badge-bg: #ECFDF5;
  --badge-text: #10B981;
  --badge-border: #A7F3D0;
  --card-shadow: 0 4px 20px -2px rgba(16, 185, 129, 0.04);
}

[data-theme="green-solid"] {
  --color-primary: #10B981;
  --color-primary-hover: #059669;
  --color-primary-light: #A7F3D0;
  --color-primary-50: #ECFDF5;
  --color-primary-glow: rgba(16, 185, 129, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #10B981;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #D1FAE5;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #ECFDF5;
  --badge-text: #10B981;
  --badge-border: #A7F3D0;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="green"],
[data-theme="green-dark"] {
  --color-primary: #10B981;
  --color-primary-hover: #059669;
  --color-primary-light: #A7F3D0;
  --color-primary-50: #ECFDF5;
  --color-primary-glow: rgba(16, 185, 129, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #061f18;
  --color-sidebar-text: #f0fdf4;
  --color-sidebar-muted: #86efac;
  --color-sidebar-border: #064e3b;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #10B981;
  --color-sidebar-active-bg: rgba(16, 185, 129, 0.22);
  --color-sidebar-active-text: #34d399;
  --badge-bg: #ECFDF5;
  --badge-text: #10B981;
  --badge-border: #A7F3D0;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="yellow-clean"] {
  --color-primary: #D97706;
  --color-primary-hover: #B45309;
  --color-primary-light: #FDE68A;
  --color-primary-50: #FEF3C7;
  --color-primary-glow: rgba(217, 119, 6, 0.22);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #FAFAFA;
  --color-surface-card: #ffffff;
  --color-surface-alt: #FFFBEB;
  --color-line: #FEF3C7;
  --color-line-focus: #FDE68A;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #FDE68A;
  --color-sidebar-hover: #FFFBEB;
  --color-sidebar-active: #D97706;
  --color-sidebar-active-bg: #FEF3C7;
  --color-sidebar-active-text: #D97706;
  --badge-bg: #FEF3C7;
  --badge-text: #B45309;
  --badge-border: #FDE68A;
  --card-shadow: 0 4px 20px -2px rgba(217, 119, 6, 0.04);
}

[data-theme="yellow-solid"] {
  --color-primary: #D97706;
  --color-primary-hover: #B45309;
  --color-primary-light: #FDE68A;
  --color-primary-50: #FEF3C7;
  --color-primary-glow: rgba(217, 119, 6, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #D97706;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #FEF3C7;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #FEF3C7;
  --badge-text: #B45309;
  --badge-border: #FDE68A;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="yellow"],
[data-theme="yellow-dark"] {
  --color-primary: #D97706;
  --color-primary-hover: #B45309;
  --color-primary-light: #FDE68A;
  --color-primary-50: #FEF3C7;
  --color-primary-glow: rgba(217, 119, 6, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #1c150c;
  --color-sidebar-text: #fffbeb;
  --color-sidebar-muted: #fcd34d;
  --color-sidebar-border: #292010;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #D97706;
  --color-sidebar-active-bg: rgba(217, 119, 6, 0.22);
  --color-sidebar-active-text: #fbbf24;
  --badge-bg: #FEF3C7;
  --badge-text: #B45309;
  --badge-border: #FDE68A;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="indigo-clean"] {
  --color-primary: #4F46E5;
  --color-primary-hover: #4338CA;
  --color-primary-light: #C7D2FE;
  --color-primary-50: #EEF2FF;
  --color-primary-glow: rgba(79, 70, 229, 0.22);
  --color-accent: #f59e0b;
  --color-accent-light: #fef3c7;
  --color-surface: #FAFAFA;
  --color-surface-card: #ffffff;
  --color-surface-alt: #F5F7FF;
  --color-line: #EEF2FF;
  --color-line-focus: #C7D2FE;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #C7D2FE;
  --color-sidebar-hover: #F5F7FF;
  --color-sidebar-active: #4F46E5;
  --color-sidebar-active-bg: #EEF2FF;
  --color-sidebar-active-text: #4F46E5;
  --badge-bg: #EEF2FF;
  --badge-text: #4F46E5;
  --badge-border: #C7D2FE;
  --card-shadow: 0 4px 20px -2px rgba(79, 70, 229, 0.04);
}

[data-theme="indigo-solid"] {
  --color-primary: #4F46E5;
  --color-primary-hover: #4338CA;
  --color-primary-light: #C7D2FE;
  --color-primary-50: #EEF2FF;
  --color-primary-glow: rgba(79, 70, 229, 0.25);
  --color-accent: #f59e0b;
  --color-accent-light: #fef3c7;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #4F46E5;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #C7D2FE;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #EEF2FF;
  --badge-text: #4F46E5;
  --badge-border: #C7D2FE;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="indigo"],
[data-theme="indigo-dark"] {
  --color-primary: #4F46E5;
  --color-primary-hover: #4338CA;
  --color-primary-light: #C7D2FE;
  --color-primary-50: #EEF2FF;
  --color-primary-glow: rgba(79, 70, 229, 0.25);
  --color-accent: #f59e0b;
  --color-accent-light: #fef3c7;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #0f1123;
  --color-sidebar-text: #eef2ff;
  --color-sidebar-muted: #a5b4fc;
  --color-sidebar-border: #1e1b4b;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #4F46E5;
  --color-sidebar-active-bg: rgba(79, 70, 229, 0.22);
  --color-sidebar-active-text: #818cf8;
  --badge-bg: #EEF2FF;
  --badge-text: #4F46E5;
  --badge-border: #C7D2FE;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="teal-clean"] {
  --color-primary: #0D9488;
  --color-primary-hover: #0F766E;
  --color-primary-light: #99F6E4;
  --color-primary-50: #F0FDFA;
  --color-primary-glow: rgba(13, 148, 136, 0.22);
  --color-accent: #6366f1;
  --color-accent-light: #e0e7ff;
  --color-surface: #FAFAFA;
  --color-surface-card: #ffffff;
  --color-surface-alt: #F0FDFA;
  --color-line: #CCFBF1;
  --color-line-focus: #99F6E4;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #99F6E4;
  --color-sidebar-hover: #F0FDFA;
  --color-sidebar-active: #0D9488;
  --color-sidebar-active-bg: #CCFBF1;
  --color-sidebar-active-text: #0D9488;
  --badge-bg: #CCFBF1;
  --badge-text: #0D9488;
  --badge-border: #99F6E4;
  --card-shadow: 0 4px 20px -2px rgba(13, 148, 136, 0.04);
}

[data-theme="teal-solid"] {
  --color-primary: #0D9488;
  --color-primary-hover: #0F766E;
  --color-primary-light: #99F6E4;
  --color-primary-50: #CCFBF1;
  --color-primary-glow: rgba(13, 148, 136, 0.25);
  --color-accent: #6366f1;
  --color-accent-light: #e0e7ff;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #0D9488;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #CCFBF1;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #CCFBF1;
  --badge-text: #0D9488;
  --badge-border: #99F6E4;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="teal"],
[data-theme="teal-dark"] {
  --color-primary: #0D9488;
  --color-primary-hover: #0F766E;
  --color-primary-light: #99F6E4;
  --color-primary-50: #F0FDFA;
  --color-primary-glow: rgba(13, 148, 136, 0.25);
  --color-accent: #6366f1;
  --color-accent-light: #e0e7ff;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #042422;
  --color-sidebar-text: #f0fdfa;
  --color-sidebar-muted: #5eead4;
  --color-sidebar-border: #134e4a;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #0D9488;
  --color-sidebar-active-bg: rgba(13, 148, 136, 0.22);
  --color-sidebar-active-text: #2dd4bf;
  --badge-bg: #CCFBF1;
  --badge-text: #0D9488;
  --badge-border: #99F6E4;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="red-clean"] {
  --color-primary: #DC2626;
  --color-primary-hover: #B91C1C;
  --color-primary-light: #FECACA;
  --color-primary-50: #FEF2F2;
  --color-primary-glow: rgba(220, 38, 38, 0.22);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #FAFAFA;
  --color-surface-card: #ffffff;
  --color-surface-alt: #FEF2F2;
  --color-line: #FEE2E2;
  --color-line-focus: #FECACA;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #ffffff;
  --color-sidebar-text: #1e293b;
  --color-sidebar-muted: #3a3f4b;
  --color-sidebar-border: #FECACA;
  --color-sidebar-hover: #FEF2F2;
  --color-sidebar-active: #DC2626;
  --color-sidebar-active-bg: #FEE2E2;
  --color-sidebar-active-text: #DC2626;
  --badge-bg: #FEE2E2;
  --badge-text: #DC2626;
  --badge-border: #FECACA;
  --card-shadow: 0 4px 20px -2px rgba(220, 38, 38, 0.04);
}

[data-theme="red-solid"] {
  --color-primary: #DC2626;
  --color-primary-hover: #B91C1C;
  --color-primary-light: #FECACA;
  --color-primary-50: #FEE2E2;
  --color-primary-glow: rgba(220, 38, 38, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #DC2626;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #FECACA;
  --color-sidebar-border: rgba(255, 255, 255, 0.2);
  --color-sidebar-hover: rgba(255, 255, 255, 0.15);
  --color-sidebar-active: #ffffff;
  --color-sidebar-active-bg: rgba(255, 255, 255, 0.25);
  --color-sidebar-active-text: #ffffff;
  --badge-bg: #FEE2E2;
  --badge-text: #DC2626;
  --badge-border: #FECACA;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

[data-theme="red"],
[data-theme="red-dark"] {
  --color-primary: #DC2626;
  --color-primary-hover: #B91C1C;
  --color-primary-light: #FECACA;
  --color-primary-50: #FEF2F2;
  --color-primary-glow: rgba(220, 38, 38, 0.25);
  --color-accent: #0284c7;
  --color-accent-light: #e0f2fe;
  --color-surface: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8fafc;
  --color-line: #e2e8f0;
  --color-line-focus: #cbd5e1;
  --color-ink: #0f172a;
  --color-ink-secondary: #334155;
  --color-muted: #64748b;
  --color-sidebar-bg: #1c0a0a;
  --color-sidebar-text: #fef2f2;
  --color-sidebar-muted: #fca5a5;
  --color-sidebar-border: #450a0a;
  --color-sidebar-hover: rgba(255, 255, 255, 0.06);
  --color-sidebar-active: #DC2626;
  --color-sidebar-active-bg: rgba(220, 38, 38, 0.22);
  --color-sidebar-active-text: #f87171;
  --badge-bg: #FEE2E2;
  --badge-text: #DC2626;
  --badge-border: #FECACA;
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
}

/* Fixed status colors */
:root {
  --status-inside: #2563eb;
  /* blue-600 */
  --status-inside-bg: #eff6ff;
  --status-ready: #d97706;
  /* amber-600 */
  --status-ready-bg: #fef3c7;
  --status-dispatched: #16a34a;
  /* green-600 */
  --status-dispatched-bg: #ecfdf5;
  --status-rto: #dc2626;
  /* red-600 */
  --status-rto-bg: #fef2f2;
  --status-cancelled: #64748b;
  --status-cancelled-bg: #f1f5f9;

  --confidence-low: #fef9c3;
  /* yellow-100 */
  --confidence-low-border: #eab308;
  /* yellow-500 */
  --confidence-low-text: #854d0e;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --shadow-subtle: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 12px 24px -4px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-glow: 0 0 20px -2px var(--color-primary-glow);
}