:root {
	color-scheme: dark;
	--void: #100d0b;
	--bg: #15110f;
	--surface: #181310;
	--surface-raised: #1c1612;
	--surface-high: #241b16;
	--border: #34251d;
	--border-soft: rgba(255, 243, 232, 0.08);
	--text: #fff3e8;
	--text-soft: #d7c8bc;
	--muted: #9b8b7e;
	--faint: #6f6258;
	--ember: #f06f3c;
	--ember-bright: #ff9a6c;
	--ember-dim: rgba(240, 111, 60, 0.15);
	--ember-border: rgba(240, 111, 60, 0.42);
	--font-sans:
		"Geist", "Satoshi", "ABC Diatype", "Suisse Int'l", ui-sans-serif, system-ui,
		-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-mono:
		"Geist Mono", "Berkeley Mono", "JetBrains Mono", ui-monospace,
		SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--container: 1240px;
	--gutter: clamp(1.25rem, 4vw, 3rem);
	--radius-sm: 10px;
	--radius: 16px;
	--radius-lg: 22px;
	--radius-xl: 32px;
	--radius-pill: 999px;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
}

* {
	box-sizing: border-box;
}

html {
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-width: 320px;
	overflow-x: hidden;
	background: var(--void);
	color: var(--text);
	font-family: var(--font-sans);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	color: inherit;
}

img,
svg {
	max-width: 100%;
	display: block;
}

button,
input {
	font: inherit;
}

::selection {
	background: var(--ember-dim);
	color: var(--text);
}

.container {
	width: min(100%, var(--container));
	margin-inline: auto;
	padding-inline: var(--gutter);
}