/* GoSocial brand — colours taken from the official logo (gosocial-logo.png).
   Purple #575296 and pink #EF446D are the logo colours; the rest are derived shades. */
:root {
  --brand: #575296;        /* logo purple — primary, buttons, active states */
  --brand-dark: #3F3A78;
  --brand-mid: #9A95C9;
  --brand-soft: #ECEBF5;
  --accent: #EF446D;       /* logo pink — highlights, chart accents (not for small text: 3.5:1 on white) */
  --accent-dark: #C42552;  /* pink for text on white */
  --accent-soft: #FDE8EE;
}