/* ============================================================================
   brand.css — PORTALBUSINESS
   ----------------------------------------------------------------------------
   L'ÚNIC fitxer que canvia entre portals: els tokens de marca i el remapeig dels
   noms antics. Germà de modules/PORTALCLIENT/css/brand.css i del del Team.

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

:root {

	/* El lila de marca, tal com és (el --color-principal d'estils_pb.css). Fosc: sobre blanc fa
	   10,1:1, o sigui que serveix tant de fons ple com de text. */
	--brand:          #4620AF;
	--brand-ink:      #4620AF;

	/* Text a sobre de --brand ple: blanc, 10,1:1 */
	--brand-contrast: #FFFFFF;

	/* Fons tènue de marca (el --color-secundari d'estils_pb.css) i la seva vora */
	--brand-tint:     #EEEBFB;
	--brand-border:   #DFDEFF;

	/* Triplet RGB per a transparències (anells de focus dels panells compartits) */
	--brand-rgb:      70, 32, 175;


	/* ── Remapeig dels noms antics ─────────────────────────────────────── */
	--color-principal:              var(--brand);
	--color-principal-rgb:          var(--brand-rgb);
	--color-principal-hover:        var(--brand-border);
	--color-text-sobre-principal:   var(--brand-contrast);
	--color-secundari:              var(--brand-tint);
	--color-fons-secundari:         var(--brand-tint);
	--color-fons-terciari:          var(--brand-tint);
	--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:    #B9A6FF;
	--brand-tint:   #221A3D;
	--brand-border: #3D2D7A;
}