/*
* Fiskal Jasno - samo na stranici (ne u editoru): tamna tema i prekidač teme.
 *
 * Zadana tema je svijetla; posjetitelj je može promijeniti prekidačem u zaglavlju (svijetla / prema uređaju /
 * tamna). Izbor se pamti u pregledniku (localStorage „fiskal-tema“) i postavlja kao <html data-theme="light|dark">
 * prije iscrtavanja, pa stranica ne bljesne pogrešnom temom.
 */

/* Tamna tema: boje values-night aplikacije i AppColors.dark backoffica v2. */
:root[data-theme="dark"] {
	--wp--preset--color--pozadina: #0a0a0a;
	--wp--preset--color--pozadina-2: #171717;
	--wp--preset--color--kartica: #171717;
	--wp--preset--color--polje: #262626;
	--wp--preset--color--crta: #262626;
	--wp--preset--color--crta-jaca: #4a4a4a;
	--wp--preset--color--tekst: #ffffff;
	--wp--preset--color--tekst-2: #a1a1a1;
	--wp--preset--color--plava-tint: #0f2c3a;
	--fk-card-on-alt: #262626;
	--fk-link: var(--wp--preset--color--plava-svijetla);
	--fk-tile: #e5e5e5;
	--fk-header-bg: rgb(10 10 10 / .82);
	--fk-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 14px 34px rgb(0 0 0 / .4);
	color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--pozadina: #0a0a0a;
		--wp--preset--color--pozadina-2: #171717;
		--wp--preset--color--kartica: #171717;
		--wp--preset--color--polje: #262626;
		--wp--preset--color--crta: #262626;
		--wp--preset--color--crta-jaca: #4a4a4a;
		--wp--preset--color--tekst: #ffffff;
		--wp--preset--color--tekst-2: #a1a1a1;
		--wp--preset--color--plava-tint: #0f2c3a;
		--fk-card-on-alt: #262626;
		--fk-link: var(--wp--preset--color--plava-svijetla);
		--fk-tile: #e5e5e5;
		--fk-header-bg: rgb(10 10 10 / .82);
		--fk-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 14px 34px rgb(0 0 0 / .4);
		color-scheme: dark;
	}
}

/* Što ne ide kroz tokene: poveznice (theme.json im daje tamnoplavu), logotip, zelena „danas“.
   Pravilo za poveznice je namjerno slabo (:where), da komponente (podnožje, kartice, traka) zadrže svoje boje. */
:where(:root[data-theme="dark"]) body a:where(:not(.wp-element-button)) { color: var(--fk-link); }
:where(:root[data-theme="dark"]) body a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--tekst); }
:root[data-theme="dark"] .fk-logo--light { display: none; }
:root[data-theme="dark"] .fk-logo--dark { display: block; }
:root[data-theme="dark"] .fk-tl__item.is-today .fk-tl__date,
:root[data-theme="dark"] .fk-tl__item.is-today p { color: var(--fk-ok); }
@media (prefers-color-scheme: dark) {
	:where(:root:not([data-theme="light"])) body a:where(:not(.wp-element-button)) { color: var(--fk-link); }
	:where(:root:not([data-theme="light"])) body a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--tekst); }
	:root:not([data-theme="light"]) .fk-logo--light { display: none; }
	:root:not([data-theme="light"]) .fk-logo--dark { display: block; }
	:root:not([data-theme="light"]) .fk-tl__item.is-today .fk-tl__date,
	:root:not([data-theme="light"]) .fk-tl__item.is-today p { color: var(--fk-ok); }
}

/* Jasno: čipovi i tekst na plavom tonu u tamnoj temi */
:root[data-theme="dark"] .fk-chips li, :root[data-theme="dark"] .fk-quote-chip { color: var(--wp--preset--color--plava-svijetla); }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .fk-chips li, :root:not([data-theme="light"]) .fk-quote-chip { color: var(--wp--preset--color--plava-svijetla); }
}