:root{
--color-white:#ffffff;
--color-black:#14121a;
--color-navy-900:#161c38;
--color-navy-800:#22294f;
--color-navy-700:#2d3565;
--color-navy-600:#3a4380;
--color-navy-100:#e8e9f2;
--color-blue-700:#0089ab;
--color-blue-600:#00a0c9;
--color-blue-500:#00b8e7;
--color-blue-400:#33c6ec;
--color-blue-300:#5cd0ef;
--color-blue-100:#e3f8fd;
--color-blue-50:#f3faff;
--color-gray-900:#1f2430;
--color-gray-700:#4b5160;
--color-gray-500:#7c8394;
--color-gray-400:#bebcbc;
--color-gray-200:#e3e5e9;
--color-gray-100:#f4f5f6;
--color-amber-600:#c47a00;
--color-amber-500:#f2a900;
--color-amber-100:#fff3dc;
--color-red-600:#c0322a;
--color-green-600:#2f7d4f;
--surface-page:var(--color-white);
--surface-card:var(--color-white);
--surface-sunken:var(--color-gray-100);
--surface-inverse:var(--color-navy-900);
--surface-brand:var(--color-navy-800);
--surface-accent:var(--color-blue-500);
--text-heading:var(--color-navy-900);
--text-body:var(--color-gray-900);
--text-muted:var(--color-gray-500);
--text-on-brand:var(--color-white);
--text-on-accent:var(--color-white);
--text-link:var(--color-blue-600);
--text-link-hover:var(--color-blue-700);
--border-default:var(--color-gray-200);
--border-strong:var(--color-gray-400);
--action-primary:var(--color-blue-500);
--action-primary-hover:var(--color-blue-600);
--action-primary-active:var(--color-blue-700);
--action-secondary:var(--color-navy-800);
--action-secondary-hover:var(--color-navy-900);
--focus-ring:var(--color-blue-400);
--price-tag:var(--color-amber-500);
--price-tag-text:var(--color-navy-900);
--status-success:var(--color-green-600);
--status-danger:var(--color-red-600);
--status-warning:var(--color-amber-600);
}