/**
 * tokens.css : jetons de couleur, typo et forme COMMUNS aux pages
 * publiques autonomes (live.css, count.css) et au chassis (ui.css).
 * Surcharge par tenant : Branding::tokensCss() ecrase ces valeurs par
 * defaut via un <style> pose apres le <link> (cascade CSS normale).
 */

:root {
	--accent: #EA80FC;
	--accent-clair: #C580FC;
	--action: #0E5464;
	--action-clair: #D9F0F2;
	--action-pale: #EFF9FA;
	--fond: #F4FAFB;
	--carte: #ffffff;
	--texte: #0F2229;
	--doux: #4E6570;
	--bord-controle: #6F8891;

	--g-normal: 400;
	--g-fort: 600;

	--t-mini: 12px;
	--t-petit: 13px;
	--t-texte: 15px;
	--t-fort: 17px;
	--t-titre: 22px;
	--t-page: 30px;

	--rayon: 14px;
	--rayon-petit: 9px;
	--rayon-grand: 22px;
	--rayon-pilule: 999px;

	--ombre: 0 1px 2px rgba(15, 34, 41, .05), 0 4px 14px rgba(15, 34, 41, .06);
	--ombre-forte: 0 12px 34px rgba(8, 50, 60, .16);

	--police: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	/* Police de marque du direct et du titre de collecte sur le comptage
	   (nerko.css) : dupliquee identique dans live.css et ui.css avant ce
	   fichier, une seule declaration desormais. */
	--police-chiffre: "Nerko One", "Marker Felt", "Segoe Print", "Chalkboard SE", cursive;
}

/* .tb-title : titre de la collecte, commun au direct (topbar) et au
   comptage (en-tete magasin). var(--police) SANS repli echoue en
   silence : les controleurs ne posent ce jeton que si le tenant l'a
   surcharge, une valeur indefinie invalide toute la declaration
   font-family, d'ou le repli explicite ici. */
.tb-title {
	margin: 0;
	font-family: var(--police-chiffre);
	font-weight: 400 !important;
	font-size: 30px;
	letter-spacing: .01em;
	line-height: 1.3;
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	/* scrollWidth pile egal a clientWidth sur le direct : le dernier
	   caractere se faisait rogner de 1-2px par l'overflow:hidden. */
	padding-right: 4px;
	box-sizing: border-box;
	/* Degrade derive du tenant : --accent Colleta par defaut, ecrase si
	   l'organisation surcharge sa couleur accent. */
	background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--action) 70%, #000));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}