:root {
	--wa-content-spacing: var(--wa-space-m);
	--main-background: #F1EFE9;
	--main-background-dark: #E3DFD3;
	/* --titlebar-color: var(--wa-color-yellow-90); */
	--titlebar-color: #fadb5f;
	--idea-color: #CFBCF2;
    --test-color: #ABDB5E;
}

/* .no-scroll {
	overflow: hidden;
} */
html:has(dialog[open]) {
	/* This is better than toggling a no-scroll class with Alpine because this takes into account things like pressing escape to close a dialog box. */
	overflow: hidden;
}

.icon-heading {
	display: flex;
    gap: var(--wa-space-s);
    align-items: baseline;
}
.icon-heading > wa-icon {
	font-size: smaller;
}

.giant-emoji {
	/* Used for error pages (4xx) */
	font-size: 8em;
}

wa-tab svg {
	margin-right: var(--wa-space-xs);
}