/* Tokens da app iHome Energia. Paleta PROVISÓRIA (Quiet Luxury) à espera de aprovação do dono.
   tests/contrast.test.mjs lê este ficheiro e verifica o contraste AA de cada par usado. */

:root {
	color-scheme: light dark;

	/* Cor: tema claro */
	--bg: #f7f3ec;
	--surface: #fffdf9;
	--text: #2a2421;
	--text-muted: #6b5f55;
	--hairline: #e3dacd;
	--control-border: #8c7f73;
	--accent: #9c7f4a;
	--accent-text: #7a5f30;
	--bar: #9c7f4a;
	--bar-selected: #2a2421;
	--ok: #4f6b4a;
	--warning: #8f5a14;
	--critical: #a23b2a;
	--on-primary: #f7f3ec;
	--primary: #2a2421;

	/* Tipografia de sistema: sem fontes externas (CSP). */
	--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-serif: ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--fs-hero: 72px;
	--fs-display: 52px;
	--fs-title: 28px;
	--fs-body: 17px;
	--fs-small: 15px;
	--fs-label: 13px;
	--lh-body: 26px;
	--lh-small: 22px;
	--tracking-label: 0.12em;

	/* Espaço: escala de 4 px. */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;

	--page-pad: 24px;
	--page-max: 480px;
	--touch: 44px;
	--radius: 10px;
	--nav-height: 64px;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #171412;
		--surface: #201c19;
		--text: #eee7dc;
		--text-muted: #a99d90;
		--hairline: #302a25;
		--control-border: #7d7166;
		--accent: #c2a36b;
		--accent-text: #d2b57e;
		--bar: #b59a66;
		--bar-selected: #eee7dc;
		--ok: #9db592;
		--warning: #d9a35b;
		--critical: #e07a66;
		--on-primary: #171412;
		--primary: #eee7dc;
	}
}

@media (max-width: 359px) {
	:root {
		--page-pad: 20px;
		--fs-hero: 60px;
		--fs-display: 44px;
	}
}