/* helpers FIRST ─ override if you like */
:root {
  --colors-primary: 0 109 249;
  --colors-secondary: 242 99 123;
}

/* 🚨 keep this SECOND so it wins in both modes */
:root,
html.dark {
  /* secondary (pink) ✓ */
  --colors-secondary: 242 99 123;
  --btn-primary-background-color: 170 51 106;   /* #AA336A */
  --btn-primary-hover-background-color: 143 45 90;  /* #8F2D5A */

  /* primary (blue) ✓ */
  --colors-primary: 0 109 249;
  --btn-primary-background-color: 170 51 106;   /* #AA336A */
  --btn-primary-hover-background-color: 143 45 90;  /* #8F2D5A */

  /* focus ring */
  --focus-ring-secondary: #9a1931;
}