/* ============================================================================
   brand.css — PORTALCLIENT
   ----------------------------------------------------------------------------
   L'ÚNIC fitxer que canvia entre portals. Cinc tokens de marca i el remapeig
   dels noms antics. Els equivalents del PortalTeam i del PortalBusiness són
   aquest mateix fitxer amb altres cinc valors.

   Es carrega després de portal.tokens.css.
   ========================================================================= */

:root {

	/* El rosa de marca, tal com és. Va a SUPERFÍCIE PLENA: fons de botó
	   principal, barres, punt d'estat. Sobre blanc fa 3,88:1 — val per a
	   components i text gran, no per a text normal. */
	--brand:          #FF015C;

	/* La variant que avui falta al sistema: el rosa per a TEXT.
	   5,3:1 sobre --surface, o sigui AA per a qualsevol mida.
	   Tot el que sigui `color:` i no un fons ha de fer servir aquesta. */
	--brand-ink:      #D6004F;

	/* Text a sobre de --brand ple. Sobre el rosa, blanc fa 3,88:1: compleix
	   el 3:1 de components i de text gran. Els rètols de botó van en 500+. */
	--brand-contrast: #FFFFFF;

	/* Fons tènue de marca: fila seleccionada, xip actiu, caixa d'accent. */
	--brand-tint:     #FFEFF4;
	--brand-border:   #FFC9D9;

	/* Triplet RGB per a transparències (anells de focus dels panells
	   compartits). Ha d'anar sincronitzat amb --brand. */
	--brand-rgb:      255, 1, 92;


	/* ── Remapeig dels noms antics ───────────────────────────────────────
	   --color-principal té 79 usos: 19 com a fons, 24 com a vora i 26 com a
	   text. Aquí es queda com el TO PLE (fons/vora); els 26 casos de text
	   passen a --brand-ink des del final de portal.base.css, perquè el canvi
	   depèn del selector i no es pot fer des d'un token. */
	--color-principal:              var(--brand);
	--color-principal-rgb:          var(--brand-rgb);
	--color-principal-hover:        var(--brand-border);
	--color-text-sobre-principal:   var(--brand-contrast);

	/* ⚠️ Canvi de comportament deliberat.
	   --color-secundari (16 usos) i --color-fons-secundari valien el LILA
	   compartit #DFDEFF, no el to clar de la marca: venia de l'origen
	   copia-enganxa dels tres portals i deixava caixes liles enmig d'una
	   pantalla rosa. Ara van al to tènue de la marca pròpia.
	   Si en alguna pantalla es vol recuperar el lila, el token compartit
	   --color-portal-secundari segueix existint. */
	--color-secundari:        var(--brand-tint);
	--color-fons-secundari:   var(--brand-tint);
	--color-fons-terciari:    var(--brand-tint);

	/* El comptador del menú i de la barra de dalt anava en lila compartit
	   als tres portals. Amb la marca pròpia és un element menys que
	   contradiu el portal on ets. */
	--color-alertes-badge:    var(--brand);
}

:root[data-theme="dark"] {
	/* El ple es manté idèntic: és la marca. El que s'adapta és el que ha de
	   contrastar contra un fons fosc. */
	--brand-ink:    #FF7AA6;
	--brand-tint:   #33121F;
	--brand-border: #7A1038;
}