:root {
	--color-gold: #c1914a;
	--color-gold-bright: #d8a852;
	--color-light: #f7f2e8;
	--color-dark: #101719;
	--color-ink: #172225;
	--font-sans: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-serif: "Lora", Georgia, "Times New Roman", serif;
	--container-inline: clamp(20px, 4vw, 64px);
	--container-width: 1440px;
}

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

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

body {
	overflow-x: clip;
	color: var(--color-ink);
	font-family: var(--font-sans);
}

body.home,
body.front-page {
	background: var(--color-dark);
}

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

a,
button,
input,
select {
	-webkit-tap-highlight-color: transparent;
}

:where(a, button, input, select):focus-visible {
	outline: 2px solid var(--color-gold-bright);
	outline-offset: 4px;
}

.site-main {
	min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}