owltide/assets/global.css

/*
	SPDX-FileCopyrightText: © 2025 Hornwitser <code@hornwitser.no>
	SPDX-License-Identifier: AGPL-3.0-or-later
*/
:root {
	scrollbar-gutter: stable both-edges;
	--background: #ffffff;
	--foreground: #171717;
}

@media (prefers-color-scheme: dark) {
	:root {
		--background: #0a0a0a;
		--foreground: #ededed;
	}
}

body {
	padding-inline: 0.3rem;
	color: var(--foreground);
	background: var(--background);
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

ul, ol {
	padding-inline-start: 1.5rem;
}

h1, h2, h3, h4 {
	margin-block: 0.75em 0.25em;
}

@media (prefers-color-scheme: dark) {
	html {
		color-scheme: dark;
	}
}

a {
	text-decoration: none;
}

/* Enable hover only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
	a:hover {
		color: color-mix(in oklab, var(--foreground), blue 50%);
		text-decoration: underline;
		text-underline-offset: 2px;
		border-color: transparent;
	}
}

button, input, textarea, select {
	font-family: inherit;
	font-size: inherit;
}

fieldset {
	padding-inline: 0.5rem;
	width: fit-content;
}

label {
	display: block;
}

label>* {
	margin-inline-start: 0.5rem;
}

:is(p, form, fieldset, pre, ul) + :is(p, form, fieldset, pre, ul) {
	margin-block-start: 0.5rem;
}

label + label {
	margin-block-start: 0.5rem;
}