/* URMEI base palette — literal values from the Figma Variables (color/* collection). */
:root{
/* Neutral — the working greyscale. 100 is the warm page white "Soft Linen". */
--color-neutral-100:#FFFEFD;--color-neutral-200:#FDFDFD;--color-neutral-300:#F8F8F8;--color-neutral-400:#E5E5E5;--color-neutral-500:#D5D5D5;--color-neutral-600:#B1B1B1;--color-neutral-700:#757575;--color-neutral-800:#6C6C6C;--color-neutral-900:#464646;--color-neutral-1000:#222222;
/* Charcoal — brand primary. 500 is the button/ink colour. */
--color-charcoal-100:#E6E5E4;--color-charcoal-200:#CBC9C7;--color-charcoal-300:#B0ADA9;--color-charcoal-400:#B0ADA9;--color-charcoal-500:#403E3C;--color-charcoal-600:#3A3735;--color-charcoal-700:#332F2D;--color-charcoal-800:#2C2927;--color-charcoal-900:#262320;--color-charcoal-1000:#1F1C1A;
/* Beige — warm secondary, used for editorial surfaces and section backdrops. */
--color-beige-300:#D2C1B5;--color-beige-500:#AC8E77;--color-beige-700:#745A47;--color-beige-900:#33281F;--color-beige-1000:#1E1E1E;
/* Red — the single saturated accent: sale, destructive, required-field. */
--color-red-100:#FFE6E6;--color-red-200:#FFC9C9;--color-red-300:#FFADAD;--color-red-400:#FF9191;--color-red-500:#EE4442;--color-red-600:#DD3C3A;--color-red-700:#CC3332;--color-red-800:#BB2A29;--color-red-900:#AA2221;
/* Green — savings / success. */
--color-green-100:#E8F5E9;--color-green-200:#C8E6C9;--color-green-300:#A5D6A7;--color-green-400:#81C784;--color-green-500:#66BB6A;--color-green-600:#4CAF50;--color-green-700:#43A047;--color-green-800:#388E3C;--color-green-900:#2E7D32;
/* Yellow — ratings, warnings. */
--color-yellow-100:#FFF9C4;--color-yellow-200:#FFF59D;--color-yellow-300:#FFF176;--color-yellow-400:#FFEE58;--color-yellow-500:#FFEB3B;--color-yellow-600:#FDD835;--color-yellow-700:#FBC02D;--color-yellow-800:#F9A825;--color-yellow-900:#F57F17;--color-yellow-1000:#E8B000;
/* Orange — promotional heat (offer banners, flash sales). */
--color-orange-100:#FFD17E;--color-orange-200:#FFC255;--color-orange-300:#FFB12A;--color-orange-400:#FF9E0A;--color-orange-500:#FF8800;--color-orange-600:#FF7500;--color-orange-700:#FF6300;--color-orange-800:#FF5A00;--color-orange-900:#FF5900;--color-orange-1000:#FF4300;
/* Blue — informational only. */
--color-blue-100:#DBEAFE;--color-blue-200:#BFDBFE;--color-blue-300:#93C5FD;--color-blue-400:#60A5FA;--color-blue-500:#3B82F6;--color-blue-600:#2563EB;--color-blue-700:#1D4ED8;--color-blue-800:#1E40AF;--color-blue-900:#1E3A8A;--color-blue-1000:#172C70;
--color-white:#FFFFFF;--color-black:#000000;
}