/* Prepito brand palette. Edit only these four values to retheme the live UI.
   Semantic statuses, subject illustrations, neutral text and gold coins are independent. */
:root {
  --brand-primary: #23071e;
  --brand-secondary: #45223f;
  --brand-accent: #86627f;
  --brand-light: #f3edf2;

  --brand-border: color-mix(in srgb, var(--brand-accent) 22%, white);
  --brand-on-dark: color-mix(in srgb, var(--brand-light) 82%, var(--brand-accent));
  --brand-on-dark-muted: color-mix(in srgb, var(--brand-light) 65%, var(--brand-accent));
}