/* Raw scales. Never reference these directly in a mockup — use the semantic
   tokens in themes.css. Kept because both themes are built from them. */
:root{
  /* brand — blush pink */
  --brand-50:#FFF5F8;  --brand-100:#FDE9EF; --brand-200:#FAD3DF; --brand-300:#F4B3C5;
  --brand-400:#EE8FAA; --brand-500:#E86F94; --brand-600:#D65B82; --brand-700:#C44A70;
  --brand-800:#A93D60; --brand-900:#843149;

  /* neutral — warm, plum-tinted greys */
  --neutral-0:#FFFFFF;  --neutral-25:#FCFAF9; --neutral-50:#FAF7F6; --neutral-100:#F4F0EF;
  --neutral-150:#EEE9E7; --neutral-200:#E7E1DF; --neutral-300:#D7CFCD; --neutral-400:#ACA6A5;
  --neutral-500:#8C8584; --neutral-600:#6C6463; --neutral-700:#4B4545; --neutral-800:#332E2F;
  --neutral-900:#201D1E;

  /* plum — dark theme scale */
  --plum-950:#141014; --plum-900:#191419; --plum-850:#1F191F; --plum-800:#241D24;
  --plum-750:#2A222A; --plum-700:#332A33; --plum-600:#403540; --plum-500:#5C4E5A;
  --plum-300:#9C8C97; --plum-200:#C7BAC1; --plum-100:#E7DDE2; --plum-50:#F9F3F5;
}