/* Shared palette. Neutral surfaces and semantic error/success colours stay readable. */
:root {
  --ui-primary: #ffb23f; --ui-primary-rgb: 255,178,63;
  --ui-secondary: #ffffff; --ui-secondary-rgb: 255,255,255;
  --ui-hero: #f5dfb5; --ui-soft: #fff0d5;
  --ui-secondary-soft: #efede8; --ui-secondary-deep: #b2ada3;
  --ui-tint: #26221b; --ui-tint-deep: #191713;
}
html.theme-blue-pink {
  --ui-primary: #00e5ff; --ui-primary-rgb: 0,229,255;
  --ui-secondary: #ff3fa9; --ui-secondary-rgb: 255,63,169;
  --ui-hero: #b4edf3; --ui-soft: #d3f6fa;
  --ui-secondary-soft: #f3badb; --ui-secondary-deep: #ad6992;
  --ui-tint: #19272b; --ui-tint-deep: #121c21;
}
html.theme-green-orchard {
  --ui-primary: #dfff70; --ui-primary-rgb: 223,255,112;
  --ui-secondary: #cab8f2; --ui-secondary-rgb: 202,184,242;
  --ui-hero: #dfefaf; --ui-soft: #eff8d7;
  --ui-secondary-soft: #c6b5e2; --ui-secondary-deep: #8670a5;
  --ui-tint: #20281d; --ui-tint-deep: #151c18;
}