:root {
	--coral: #e66b5f;
	--coral-dark: #a63f36;
	--coral-light: #f4a097;
	--ink: #211c1d;
	--paper: #f8f3ef;
	--warm-surface: #efe6e1;
	--text: #251f20;
	--muted-text: #625457;
	--qct-color-background: var(--paper);
	--qct-color-surface: var(--warm-surface);
	--qct-color-surface-raised: #fffaf7;
	--qct-color-text: var(--text);
	--qct-color-muted: var(--muted-text);
	--qct-color-coral: var(--coral);
	--qct-color-coral-dark: var(--coral-dark);
	--qct-color-coral-light: var(--coral-light);
	--qct-color-ink: var(--ink);
	--qct-color-accent: var(--coral);
	--qct-color-accent-strong: var(--coral-dark);
	--qct-color-accent-soft: rgba(230, 107, 95, 0.14);
	--qct-color-line: rgba(185, 71, 62, 0.22);
	--qct-color-line-strong: color-mix(in srgb, var(--qct-color-text) 34%, var(--qct-color-line));
	--qct-color-on-dark: var(--paper);
	--qct-color-on-dark-muted: #d8c7cf;
	--qct-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--qct-color-background);
	color: var(--qct-color-text);
	font-family: var(--qct-font-sans);
	line-height: 1.6;
	overflow-x: hidden;
}

a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

button,
input,
textarea,
select {
	font: inherit;
}