@layer base;
@layer base {
	html {
		background: var(--background-gradient);
		background-attachment: fixed;
		color: var(--color-ink);
		font-family: system-ui, sans-serif;
	}
	h1 { font-size: 2.5rem; font-weight: 700; }
	h2 { font-size: 2rem;   font-weight: 700; }
	h3 { font-size: 1.5rem; font-weight: 600; }

	a { color: inherit; text-decoration: none; }
	br { height: 1rem; }
	input {
		background: color-mix(in oklab, var(--color-canvas), var(--color-mid-grey) 10%);
		padding: 0.5rem;
		margin: 1rem auto;
		max-width: 40ch;
	 }
	 ul {
		margin-left: 1rem;
		list-style-type: disc;
	 }
	 ol {
		margin-left: 1rem;
		list-style-type: decimal;
	 }

}