:root{
--wmx-blue-900:#1B3A4B;
--wmx-blue-800:#2A5972;
--wmx-blue-700:#3C7A9A;
--wmx-blue-500:#5E97B4;
--wmx-blue-400:#7BAAC2;
--wmx-blue-300:#9FC2D2;
--wmx-blue-100:#EAF1F4;
--wmx-blue-50:#F3F8FA;
--wmx-orange-600:#D95F00;
--wmx-orange-500:#F76F09;
--wmx-orange-100:#FDE6D2;
--wmx-ink-900:#141A1F;
--wmx-ink-700:#33414A;
--wmx-ink-500:#5B6B74;
--wmx-ink-300:#8FA0A9;
--wmx-ink-100:#D7E0E4;
--wmx-white:#FFFFFF;
--wmx-green-600:#1E7A4A;
--wmx-green-100:#E1F3E9;
--wmx-red-600:#B3261E;
--wmx-red-100:#FBE2E1;
--wmx-amber-600:#9A6600;
--wmx-amber-100:#FBF0D6;
--surface-page:var(--wmx-blue-50);
--surface-card:var(--wmx-white);
--surface-sunken:var(--wmx-blue-100);
--surface-inverse:var(--wmx-blue-900);
--surface-brand:var(--wmx-blue-700);
--surface-brand-strong:var(--wmx-blue-800);
--text-primary:var(--wmx-ink-900);
--text-secondary:var(--wmx-ink-500);
--text-tertiary:var(--wmx-ink-300);
--text-on-brand:var(--wmx-white);
--text-link:var(--wmx-blue-800);
--text-link-hover:var(--wmx-blue-900);
--border-subtle:var(--wmx-ink-100);
--border-default:var(--wmx-blue-300);
--border-strong:var(--wmx-blue-700);
--accent-primary:var(--wmx-blue-700);
--accent-primary-hover:var(--wmx-blue-800);
--accent-secondary:var(--wmx-orange-500);
--accent-secondary-hover:var(--wmx-orange-600);
--status-success-fg:var(--wmx-green-600);
--status-success-bg:var(--wmx-green-100);
--status-danger-fg:var(--wmx-red-600);
--status-danger-bg:var(--wmx-red-100);
--status-warning-fg:var(--wmx-amber-600);
--status-warning-bg:var(--wmx-amber-100);
--status-info-fg:var(--wmx-blue-800);
--status-info-bg:var(--wmx-blue-100);
--focus-ring:var(--wmx-orange-500);
}