/* ============================================================================
   brand.css — PORTALTEAM
   ----------------------------------------------------------------------------
   L'ÚNIC fitxer que canvia entre portals. Cinc tokens de marca i el remapeig
   dels noms antics. És el germà de modules/PORTALCLIENT/css/brand.css amb
   altres cinc valors: el cian del PortalTeam.

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

:root {

	/* El cian de marca, tal com és (--color-principal de estils_pt.css). Va a
	   SUPERFÍCIE PLENA: fons de botó principal, barres, punt d'estat. */
	--brand:          #00C0FF;

	/* La variant que avui falta al sistema: el cian per a TEXT. El ple fa
	   1,8:1 sobre blanc —no es pot fer servir per a text ni per a icones—;
	   aquest fa 4,9:1, o sigui AA per a text normal.
	   Tot el que sigui `color:` i no un fons ha de fer servir aquesta. */
	--brand-ink:      #0079A8;

	/* Text a sobre de --brand ple: blanc, com al PortalClient (decisió d'en Carles, 6/10/2026).
	   Sobre el cian el blanc fa menys contrast que el negre (1,8:1 contra 9:1) */
	--brand-contrast: #FFFFFF;

	/* Fons tènue de marca: fila seleccionada, xip actiu, caixa d'accent.
	   Són els dos to clars que el portal ja tenia
	   (--color-secundari-clar i --color-secundari). */
	--brand-tint:     #D9F1FF;
	--brand-border:   #C6E6FE;

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


	/* ── 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);

	/* Mateix canvi deliberat que al PortalClient: --color-secundari i
	   --color-fons-secundari valien el to clar copiat entre portals; ara van
	   al to tènue de la marca pròpia. */
	--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:    #7ADCFF;
	--brand-tint:   #0B2B36;
	--brand-border: #135A70;
}