/* ── MODO NOCHE ── */
.night-mode.ipax {
	/* --ipax-L100: #000000;
    --ipax-L090: #1C1B18;
    --ipax-L080: #2A2925;
    --ipax-L050: #D1CFC8;
	--ipax-L010: #FCFCF9;
	--ipax-L000: #FFFFFF; */

		--ipax-L100: #000000;

	--ipax-L090: oklch(28% 0.006 250);
    --ipax-L080: oklch(34% 0.006 250);
	--ipax-L060: oklch(75% 0.2 250);
    --ipax-L050: oklch(85% 0.1 250);
	--ipax-L010: oklch(95% 0.004 250);
	--ipax-L000: #FFFFFF;

    --border-subtle: color-mix(in srgb, var(--ipax-L010) 12%, transparent);
    --border-moderate: color-mix(in srgb, var(--ipax-L010) 25%, transparent);
}


.night-mode.ipax .site-header {
    background: var(--ipax-L100);
}
.night-mode.ipax A.app-brand{
	color: var(--ipax-L050); 
}

.night-mode .header-tagline {
    /* color: color-mix(in srgb, var(--ipax-L010) 60%, transparent); */
	color: var(--ipax-L050);
}

/* En modo noche (se aplica con la clase .night-mode en body) */
body.night-mode .theme-toggle {
    color: var(--ipax-L050);
    border-color: var(--border-moderate);
}

body.night-mode .theme-toggle:hover {
    background: color-mix(in srgb, var(--ipax-L010) 15%, transparent);
}



body.night-mode .app-brand-logo {
    width: 32px;
    height: 32px;
	color:oklch(65% 0.2 250);
}