:root{
/* base palette */
--slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;--slate-400:#94A3B8;--slate-500:#64748B;--slate-600:#475569;--slate-700:#334155;--slate-800:#1E293B;--slate-900:#0F172A;
--white:#FFFFFF;
--blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-600:#2563EB;--blue-700:#1D4ED8;
--green-100:#DCFCE7;--green-600:#16A34A;
--amber-100:#FEF3C7;--amber-600:#D97706;
--red-50:#FEF2F2;--red-100:#FEE2E2;--red-500:#EF4444;--red-600:#DC2626;--red-700:#B91C1C;

/* semantic — roles */
--primary:#475569;--primary-hover:#334155;--on-primary:#FFFFFF;
--secondary:#2563EB;--secondary-hover:#EFF6FF;
--tertiary:#D97706;
--success:#16A34A;--warning:#D97706;--error:#DC2626;--info:#2563EB;

/* surfaces */
--background:#F8FAFC;--surface:#FFFFFF;--surface-sunken:#F8FAFC;--surface-hover:#F1F5F9;--surface-selected:#EFF6FF;--surface-inverse:#0F172A;

/* text */
--text-primary:#0F172A;--text-secondary:#475569;--text-tertiary:#64748B;--text-inverse:#FFFFFF;--text-link:#2563EB;--text-disabled:#94A3B8;

/* borders */
--border:#E2E8F0;--border-strong:#CBD5E1;--border-hover:#94A3B8;--border-focus:#2563EB;--border-error:#EF4444;--divider:#E2E8F0;

/* status chip pairs */
--status-delivered-bg:#DCFCE7;--status-delivered-fg:#16A34A;
--status-transit-bg:#DBEAFE;--status-transit-fg:#2563EB;
--status-delayed-bg:#FEF3C7;--status-delayed-fg:#D97706;
--status-lost-bg:#FEE2E2;--status-lost-fg:#DC2626;
}