/* -- nom: mk-core.css - mark-core --
-- llibreria: loT --
-- grup: engine --
-- autor: A.Moseguí / TT22 --
-- versió: 26.1.0 --
-- descripció: Punt únic per a la resolució de branding de l'app. Conté els marks invariants i la resolució de marks variables (clar/fosc).--
-- dependència: mk-src.css --
-- argot: mk-mark, gen-genèric, sm-small --
*/

/* 👉 MARKS INVARIANTS - No canvien ni per tema ni per paleta. */
:root {
	/* Flags / Fixos */
	--mk-flag-cat-fix: var(--brand-flag-cat);
	--mk-default: var(--brand-default);
}

/* 👉 MARKS INVARIANTS — GEN (sistema obert) - Definits per l'app via style="" o scope local. No canvien ni per tema ni per paleta.
   Es declaren també a .mark perquè es resolguin a l'element: així una injecció via style="" al mateix mark hi arriba (si només visquessin al :root, quedarien congelats amb el fallback). */
:root,
.mark {
	--mk-gen-fix: var(--mark-gen-fix, var(--brand-fallback));
}

/* 👉 MARKS VARIABLES — CLAR (default) - Es veu en clar si l'usuari no ha configurat res i el SO no està en mode fosc. */
:root {
	/* gen */
	--mk-gen: 	 var(--mark-gen-light, var(--brand-fallback));
	--mk-gen-sm: var(--mark-gen-sm-light, var(--brand-fallback));
	/* hd */
	--mk-hd:    var(--brand-hd-light);
	--mk-hd-sm: var(--brand-hd-sm-light);
	/* bn */
	--mk-bn:    var(--brand-bn-light);
	--mk-bn-sm: var(--brand-bn-sm-light);
	/* ft */
	--mk-ft:    var(--brand-ft-light);
	--mk-ft-sm: var(--brand-ft-sm-light);
	/* gm */
	--mk-gm:    var(--brand-gm-light);
	--mk-gm-sm: var(--brand-gm-sm-light);
}

/* 👉 MARKS 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 */
		--mk-gen: 	 var(--mark-gen-dark, var(--brand-fallback));
		--mk-gen-sm: var(--mark-gen-sm-dark, var(--brand-fallback));
		/* hd */
		--mk-hd:    var(--brand-hd-dark);
		--mk-hd-sm: var(--brand-hd-sm-dark);
		/* bn */
		--mk-bn:    var(--brand-bn-dark);
		--mk-bn-sm: var(--brand-bn-sm-dark);
		/* ft */
		--mk-ft:    var(--brand-ft-dark);
		--mk-ft-sm: var(--brand-ft-sm-dark);
		/* gm */
		--mk-gm:    var(--brand-gm-dark);
		--mk-gm-sm: var(--brand-gm-sm-dark);
	}
}

/* 👉 MARKS 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 */
	--mk-gen: 	 var(--mark-gen-light, var(--brand-fallback));
	--mk-gen-sm: var(--mark-gen-sm-light, var(--brand-fallback));
	/* hd */
	--mk-hd:    var(--brand-hd-light);
	--mk-hd-sm: var(--brand-hd-sm-light);
	/* bn */
	--mk-bn:    var(--brand-bn-light);
	--mk-bn-sm: var(--brand-bn-sm-light);
	/* ft */
	--mk-ft:    var(--brand-ft-light);
	--mk-ft-sm: var(--brand-ft-sm-light);
	/* gm */
	--mk-gm:    var(--brand-gm-light);
	--mk-gm-sm: var(--brand-gm-sm-light);
}

/* 👉 MARKS 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 */
	--mk-gen: 	 var(--mark-gen-dark, var(--brand-fallback));
	--mk-gen-sm: var(--mark-gen-sm-dark, var(--brand-fallback));
	/* hd */
	--mk-hd:    var(--brand-hd-dark);
	--mk-hd-sm: var(--brand-hd-sm-dark);
	/* bn */
	--mk-bn:    var(--brand-bn-dark);
	--mk-bn-sm: var(--brand-bn-sm-dark);
	/* ft */
	--mk-ft:    var(--brand-ft-dark);
	--mk-ft-sm: var(--brand-ft-sm-dark);
	/* gm */
	--mk-gm:    var(--brand-gm-dark);
	--mk-gm-sm: var(--brand-gm-sm-dark);
}