/* Definir esquema claro (padrão) */
:root
{
	--bg: #ffffff;
	--text: #0f172a;
	--muted: #475569;
	--accent: #2563eb;
	--card-bg: #f8fafc;
	--border: #e6eef8;
}

@media (prefers-color-scheme: dark)
{
	:root
	{
		--bg: #071025;
		--text: #e6eef8;
		--muted: #94a3b8;
		--accent: #60a5fa;
		--card-bg: #0b2233;
		--border: #14304a;
	}
}

html,body
{
    height:100%;
    margin: 0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
    background:var(--bg);
    color:var(--text);
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 0.5rem 0;
	color: var(--text);
	font-family: inherit;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.01em;
}


h1 { font-size: 3rem}
h2 { font-size: clamp(1.03125rem, 1.5vw + 0.5625rem, 1.6875rem); }
h3 { font-size: clamp(0.9375rem, 1.125vw + 0.375rem, 1.125rem); }
h4 { font-size: 0.84375rem; }
h5 { font-size: 0.75rem; }
h6 { font-size: 0.65625rem; }


h1.muted, h2.muted, h3.muted, h4.muted, h5.muted, h6.muted { color: var(--muted); font-weight: 500; }
h1.accent, h2.accent, h3.accent, h4.accent, h5.accent, h6.accent { color: var(--accent); }