/* woom.ink while the service is being built: one centred column, the reader's own font size and
   colour scheme, nothing that needs script. */
:root {
	color-scheme: light dark;
	--woom-bg: light-dark(#f6f4fb, #0c0b1a);
	--woom-ink: light-dark(#1d1a2e, #e9e6f7);
	--woom-quiet: light-dark(#5c5873, #a7a2c2);
	--woom-accent: light-dark(#7a3fe0, #b79bff);
}
* { box-sizing: border-box; }
html { background: var(--woom-bg); color: var(--woom-ink); }
body {
	margin: 0;
	min-height: 100svh;
	display: grid;
	place-items: center;
	font: 1.125rem/1.7 system-ui, sans-serif;
	padding: 1rem;
}
/* the reading measure: about 34 characters of a heading, 60 of the text */
main { max-width: 34rem; }
h1 { margin: 0 0 1.5rem; color: var(--woom-accent); line-height: 0; }
/* the logo is the heading; its height from the screen, its width from its own proportions */
h1 svg { height: clamp(2.5rem, 10vw, 4rem); width: auto; max-width: 100%; }
.lead { font-size: 1.25rem; margin: 0 0 1.5rem; }
p { margin: 0 0 1rem; }
a { color: var(--woom-accent); }
.lang { margin-top: 2rem; font-size: 0.9375rem; color: var(--woom-quiet); }
/* Korean breaks lines between words, not inside them */
:lang(ko) { word-break: keep-all; }