/* Bin colours: the hue scales behind the swatches a customer picks for a bin
 * (Bin::COLORS), the plan view and the thumbnails. These are *data* colours,
 * not UI chrome — the interface itself is coloured by tokens/colors.css. */
:root{
--terracotta-100:#FFD9C2;--terracotta-300:#FF9D66;--terracotta-500:#FF5A1F;--terracotta-600:#E8430E;--terracotta-700:#B8340A;
--teal-100:#C8F3E6;--teal-300:#4FD4B4;--teal-500:#0DA486;--teal-600:#0A8069;--teal-700:#076352;
--gold-100:#FFEBB0;--gold-300:#FFCC33;--gold-500:#FFB700;--gold-600:#E09E00;--gold-700:#A67600;
--cobalt-100:#D2E1FF;--cobalt-300:#6D9EFF;--cobalt-500:#2E5EE8;--cobalt-600:#2249BD;--cobalt-700:#1A3890;
--plum-100:#F0DBFF;--plum-300:#D08AFF;--plum-500:#A742E0;--plum-600:#8A2EC0;
--pink-100:#FFD6EA;--pink-300:#FF7AC0;--pink-500:#F72A94;--pink-600:#D71B78;

--neutral-0:#FFFFFF;--neutral-25:#FAFAFB;--neutral-50:#F1F1F4;--neutral-100:#E3E3E9;--neutral-200:#C9C9D4;
--neutral-300:#A3A3B3;--neutral-400:#797987;--neutral-500:#5B5B68;--neutral-600:#40404B;--neutral-700:#2A2A33;
--neutral-800:#1B1B22;--neutral-900:#101014;
}