:root {
  /* dark mode (your default) */
  --color-primary-dark: #9b30d9;        /* ← your purple */
  --color-primary-hover-dark: #b355e8;  /* lighter for hover */
  --color-border-dark: #9b30d9;

  /* light mode — only matters if you use "toggle"/"auto" */
  --color-primary: #7a1fb3;
  --color-primary-hover: #9b30d9;
  --color-border: #7a1fb3;
}

figure {
  margin: 25px auto;
  text-align: center;
}
figure img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 0 auto;
}