/**
 * Text sobre les tintes de marca.
 *
 * A Costa el blau és gairebé negre i el groc s'hi llegeix; a Terres el
 * turquesa i el verd oliva tenen una lluminositat molt semblant i posar l'un
 * sobre l'altre no es llegeix (contrast 2.3:1). Amb aquest token cada skin
 * decideix, igual que ja fa --on-accent per al text sobre l'accent.
 */
:root {
  --on-primary: var(--brand-accent);
}

body.theme-terres {
  --on-primary: 255 255 255;
}

/* Les utilitats de Tailwind que ajunten les dues tintes. */
body .bg-brand-primary.text-brand-accent { color: rgb(var(--on-primary)); }
body .bg-brand-accent.text-brand-primary { color: rgb(var(--on-accent)); }