/* 
-- nom: tic-core.css --
-- llibreria: loT --
-- grup: engine --
-- autor: A.Moseguí / TT22 --
-- versió: 26.1.0 --
-- descripció: Punt únic per a la resolució d'icones de l'app. Conté les icones invariants i la resolució d'icones variables (clar/fosc).--
-- dependència: tic-src.css --
-- argot: ic-icon, gen-genèric, o-outline, f-filled, rst-raster, fix-fixed --
*/

/* 👉 DEFAULT */
:root {
	--ic-default: var(--icon-monverd-1-col-pst-256x256-svg);
	--ic-fallback: var(--icon-triangle-alert-col-pst-24x24-png);
}

/* 👉 INVARIANTS — CATÀLEG - No canvien ni per tema clar/fosc ni per tipus o/f. */
:root {
	--ic-by-fix-rst:       var(--icon-by-1-col-pst-39x39-png);
	--ic-contact-fix-rst:  var(--icon-contacte-1-col-pst-48x31-png);
	--ic-exit-fix-rst:     var(--icon-sortir-1-col-pst-33x33-png);
	--ic-cat-flag-fix-rst: var(--icon-cat-flag-1-col-pst-90x46-png);
}

/* 👉 INVARIANTS — GEN (sistema obert) - Definits per l'app via style="" o scope local. No canvien ni per tema clar/fosc ni per tipus o/f.
   Es declaren també a .tic perquè es resolguin a l'element: així una injecció via style="" a la mateixa icona hi arriba (si només visquessin al :root, quedarien congelats amb el fallback). */
:root,
.tic {
	--ic-gen-fix-svg: var(--tic-gen-fix-svg, var(--ic-fallback));
	--ic-gen-fix-rst: var(--tic-gen-fix-rst, var(--ic-fallback));
}

/* 👉 VARIABLES — CLAR (default) - Es veu en clar si l'usuari no ha configurat res i el SO no està en mode fosc. */
:root {
	/* gen */
	--ic-gen-svg: var(--tic-gen-light-svg, var(--ic-fallback));
	--ic-gen-rst: var(--tic-gen-light-rst, var(--ic-fallback));

	/* catàleg svg */
	--ic-add-o-svg:    var(--icon-afegir-1-o-bn-pst-64x64-svg);
	--ic-add-f-svg:    var(--icon-afegir-1-f-bn-pst-64x64-svg);
	--ic-book-o-svg:    var(--icon-llibre-1-o-bn-pst-64x64-svg);
	--ic-book-f-svg:    var(--icon-llibre-1-f-bn-pst-64x64-svg);	--ic-danger-o-svg: var(--icon-perill-1-o-bn-pst-64x64-svg);
	--ic-danger-f-svg: var(--icon-perill-1-f-bn-pst-64x64-svg);
	--ic-edit-o-svg:   var(--icon-editar-1-o-bn-pst-64x64-svg);
	--ic-edit-f-svg:   var(--icon-editar-1-f-bn-pst-64x64-svg);
	--ic-exit-o-svg:   var(--icon-sortir-2-o-bn-pst-64x64-svg);
	--ic-info-o-svg:    var(--icon-info-1-o-bn-pst-64x64-svg);
	--ic-info-f-svg:    var(--icon-info-1-f-bn-pst-64x64-svg);	
	--ic-list-o-svg:   var(--icon-llistar-1-o-bn-pst-64x64-svg);
	--ic-list-f-svg:   var(--icon-llistar-1-f-bn-pst-64x64-svg);
	--ic-door-o-svg:   var(--icon-porta-1-o-bn-pst-64x64-svg);
	--ic-door-f-svg:   var(--icon-porta-1-f-bn-pst-64x64-svg);	
	--ic-map-o-svg:    var(--icon-mapa-1-o-bn-pst-64x64-svg);
	--ic-map-f-svg:    var(--icon-mapa-1-f-bn-pst-64x64-svg);
	--ic-remove-o-svg: var(--icon-borrar-1-o-bn-pst-64x64-svg);
	--ic-remove-f-svg: var(--icon-borrar-1-f-bn-pst-64x64-svg);
	--ic-save-o-svg:   var(--icon-guardar-1-o-bn-pst-64x64-svg);
	--ic-save-f-svg:   var(--icon-guardar-1-f-bn-pst-64x64-svg);

	/* catàleg rst */
	--ic-gm-rst:      var(--icon-gm-1-col-pst-60x74-png);
	--ic-arrels-rst:  var(--icon-arrels-1-col-pst-45x84-png);
	--ic-map-old-rst: var(--icon-mapantic-1-col-pst-50x47-png);
	--ic-map-loc-rst: var(--icon-mapa-punter-1-bn-pst-150x150-png);
	--ic-world-loc-rst: var(--icon-mon-punter-1-bn-pst-150x150-png);
}

/* 👉 VARIABLES — FOSC AUTO - S'aplica quan l'usuari té el SO en mode fosc i no ha forçat data-theme. */
@media (prefers-color-scheme: dark) {
	:root {
		/* gen */
		--ic-gen-svg: var(--tic-gen-dark-svg, var(--ic-fallback));
		--ic-gen-rst: var(--tic-gen-dark-rst, var(--ic-fallback));

		/* catàleg svg */
		--ic-add-o-svg:    var(--icon-afegir-1-o-bn-ngt-64x64-svg);
		--ic-add-f-svg:    var(--icon-afegir-1-f-bn-ngt-64x64-svg);
		--ic-book-o-svg:   var(--icon-llibre-1-o-bn-ngt-64x64-svg);
		--ic-book-f-svg:   var(--icon-llibre-1-f-bn-ngt-64x64-svg);		
		--ic-danger-o-svg: var(--icon-perill-1-o-bn-ngt-64x64-svg);
		--ic-danger-f-svg: var(--icon-perill-1-f-bn-ngt-64x64-svg);
		--ic-edit-o-svg:   var(--icon-editar-1-o-bn-ngt-64x64-svg);
		--ic-edit-f-svg:   var(--icon-editar-1-f-bn-ngt-64x64-svg);
		--ic-exit-o-svg:   var(--icon-sortir-2-o-bn-ngt-64x64-svg);			
		--ic-info-o-svg:   var(--icon-info-1-o-bn-ngt-64x64-svg);
		--ic-info-f-svg:   var(--icon-info-1-f-bn-ngt-64x64-svg);			
		--ic-list-o-svg:   var(--icon-llistar-1-o-bn-ngt-64x64-svg);
		--ic-list-f-svg:   var(--icon-llistar-1-f-bn-ngt-64x64-svg);
		--ic-door-o-svg:   var(--icon-porta-1-o-bn-ngt-64x64-svg);
		--ic-door-f-svg:   var(--icon-porta-1-f-bn-ngt-64x64-svg);		
		--ic-map-o-svg:    var(--icon-mapa-1-o-bn-ngt-64x64-svg);
		--ic-map-f-svg:    var(--icon-mapa-1-f-bn-ngt-64x64-svg);
		--ic-remove-o-svg: var(--icon-borrar-1-o-bn-ngt-64x64-svg);
		--ic-remove-f-svg: var(--icon-borrar-1-f-bn-ngt-64x64-svg);
		--ic-save-o-svg:   var(--icon-guardar-1-o-bn-ngt-64x64-svg);
		--ic-save-f-svg:   var(--icon-guardar-1-f-bn-ngt-64x64-svg);

		/* catàleg rst */
		--ic-gm-rst:      var(--icon-gm-1-col-ngt-60x74-png);
		--ic-arrels-rst:  var(--icon-arrels-1-col-ngt-45x84-png);
		--ic-map-old-rst: var(--icon-mapantic-1-col-ngt-50x47-png);
		--ic-map-loc-rst: var(--icon-mapa-punter-1-bn-ngt-150x150-png);
		--ic-world-loc-rst: var(--icon-mon-punter-1-bn-ngt-150x150-png);		
	}
}

/* 👉 VARIABLES — CLAR MANUAL - Override forçat per l'app o per un element: data-theme="light" (a <html> o a qualsevol element) */
[data-theme="light"] {
	/* gen */
	--ic-gen-svg: var(--tic-gen-light-svg, var(--ic-fallback));
	--ic-gen-rst: var(--tic-gen-light-rst, var(--ic-fallback));

	/* catàleg svg */
	--ic-add-o-svg:    var(--icon-afegir-1-o-bn-pst-64x64-svg);
	--ic-add-f-svg:    var(--icon-afegir-1-f-bn-pst-64x64-svg);
	--ic-book-o-svg:   var(--icon-llibre-1-o-bn-pst-64x64-svg);
	--ic-book-f-svg:   var(--icon-llibre-1-f-bn-pst-64x64-svg);	
	--ic-danger-o-svg: var(--icon-perill-1-o-bn-pst-64x64-svg);
	--ic-danger-f-svg: var(--icon-perill-1-f-bn-pst-64x64-svg);
	--ic-edit-o-svg:   var(--icon-editar-1-o-bn-pst-64x64-svg);
	--ic-edit-f-svg:   var(--icon-editar-1-f-bn-pst-64x64-svg);
	--ic-exit-o-svg:   var(--icon-sortir-2-o-bn-pst-64x64-svg);
	--ic-info-o-svg:   var(--icon-info-1-o-bn-pst-64x64-svg);
	--ic-info-f-svg:   var(--icon-info-1-f-bn-pst-64x64-svg);	
	--ic-list-o-svg:   var(--icon-llistar-1-o-bn-pst-64x64-svg);
	--ic-list-f-svg:   var(--icon-llistar-1-f-bn-pst-64x64-svg);
	--ic-door-o-svg:   var(--icon-porta-1-o-bn-pst-64x64-svg);
	--ic-door-f-svg:   var(--icon-porta-1-f-bn-pst-64x64-svg);		
	--ic-map-o-svg:    var(--icon-mapa-1-o-bn-pst-64x64-svg);
	--ic-map-f-svg:    var(--icon-mapa-1-f-bn-pst-64x64-svg);
	--ic-remove-o-svg: var(--icon-borrar-1-o-bn-pst-64x64-svg);
	--ic-remove-f-svg: var(--icon-borrar-1-f-bn-pst-64x64-svg);
	--ic-save-o-svg:   var(--icon-guardar-1-o-bn-pst-64x64-svg);
	--ic-save-f-svg:   var(--icon-guardar-1-f-bn-pst-64x64-svg);

	/* catàleg rst */
	--ic-gm-rst:      var(--icon-gm-1-col-pst-60x74-png);
	--ic-arrels-rst:  var(--icon-arrels-1-col-pst-45x84-png);
	--ic-map-old-rst: var(--icon-mapantic-1-col-pst-50x47-png);
	--ic-map-loc-rst: var(--icon-mapa-punter-1-bn-pst-150x150-png);
	--ic-world-loc-rst: var(--icon-mon-punter-1-bn-pst-150x150-png);
}

/* 👉 VARIABLES — FOSC MANUAL - Override forçat per l'app o per un element: data-theme="dark" (a <html> o a qualsevol element) */
[data-theme="dark"] {
	/* gen */
	--ic-gen-svg: var(--tic-gen-dark-svg, var(--ic-fallback));
	--ic-gen-rst: var(--tic-gen-dark-rst, var(--ic-fallback));

	/* catàleg svg */
	--ic-add-o-svg:    var(--icon-afegir-1-o-bn-ngt-64x64-svg);
	--ic-add-f-svg:    var(--icon-afegir-1-f-bn-ngt-64x64-svg);
	--ic-book-o-svg:   var(--icon-llibre-1-o-bn-ngt-64x64-svg);
	--ic-book-f-svg:   var(--icon-llibre-1-f-bn-ngt-64x64-svg);	
	--ic-danger-o-svg: var(--icon-perill-1-o-bn-ngt-64x64-svg);
	--ic-danger-f-svg: var(--icon-perill-1-f-bn-ngt-64x64-svg);
	--ic-edit-o-svg:   var(--icon-editar-1-o-bn-ngt-64x64-svg);
	--ic-edit-f-svg:   var(--icon-editar-1-f-bn-ngt-64x64-svg);
	--ic-exit-o-svg:   var(--icon-sortir-2-o-bn-ngt-64x64-svg);
	--ic-info-o-svg:    var(--icon-info-1-o-bn-ngt-64x64-svg);
	--ic-info-f-svg:    var(--icon-info-1-f-bn-ngt-64x64-svg);	
	--ic-list-o-svg:   var(--icon-llistar-1-o-bn-ngt-64x64-svg);
	--ic-list-f-svg:   var(--icon-llistar-1-f-bn-ngt-64x64-svg);
	--ic-door-o-svg:   var(--icon-porta-1-o-bn-ngt-64x64-svg);
	--ic-door-f-svg:   var(--icon-porta-1-f-bn-ngt-64x64-svg);	
	--ic-map-o-svg:    var(--icon-mapa-1-o-bn-ngt-64x64-svg);
	--ic-map-f-svg:    var(--icon-mapa-1-f-bn-ngt-64x64-svg);
	--ic-remove-o-svg: var(--icon-borrar-1-o-bn-ngt-64x64-svg);
	--ic-remove-f-svg: var(--icon-borrar-1-f-bn-ngt-64x64-svg);
	--ic-save-o-svg:   var(--icon-guardar-1-o-bn-ngt-64x64-svg);
	--ic-save-f-svg:   var(--icon-guardar-1-f-bn-ngt-64x64-svg);

	/* catàleg rst */
	--ic-gm-rst:      var(--icon-gm-1-col-ngt-60x74-png);
	--ic-arrels-rst:  var(--icon-arrels-1-col-ngt-45x84-png);
	--ic-map-old-rst: var(--icon-mapantic-1-col-ngt-50x47-png);
	--ic-map-loc-rst: var(--icon-mapa-punter-1-bn-ngt-150x150-png);
	--ic-world-loc-rst: var(--icon-mon-punter-1-bn-ngt-150x150-png);	
}