/*=
	belongs on all html files on heartspace
===*/

@import url(/styles/themes/colors/default.css);
@import url(/styles/themes/tiles/white/polkadots14.css);
@import url(/styles/themes/font/base-serif.css);
@import url(/styles/themes/font/base-sans-serif.css);
@import url(/styles/themes/font/base-serif-mono.css);
@import url(/styles/themes/font/base-sans-serif-mono.css);

:root {
	text-underline-offset: 3px;
}

* {
    box-sizing: border-box;
}

body {
	font-family: var(--font-serif);
	background-color: var(--global_color-background);
	color: var(--global_color-foreground);
}

a {
    color: var(--global_color-text-main);
    &:hover {
        color: var(--global_color-text-accent);
    }

	&[target="_blank"]::after {
		content: ' ⧉';
		font-size: 0.6em;
	}
}

summary {
	cursor: pointer;
}