:root {
	--font-body:
		Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", sans-serif;

	--color-ink: #071122;
	--color-muted: #596778;
	--color-brand: #1a90b9;
	--color-brand-subtle: #1a91b921;
	--color-brand-op: #1a90b904;
	--color-soft: #a2d5e7;
	--color-soft-light: #eef9fc;
	--color-navy: #050a1a;
	--color-border: #dbe3ea;
	--color-white: #ffffff;

	--ring-off-set-shadow: -0 0 #0000;
	--ring-shadow: 0 0 #0000;

	--container-normal-min: 75rem;
	--container-normal: 76rem;
	--container-narrow: 69rem;
	--container-ultra-narrow: 60rem;
	--container-wide: 80rem;
	--container-ultra-wide: 88rem;

	--shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
	--radius-card: 1.75rem;
	--radius-pill: 999px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--font-body);
	color: var(--color-ink);
	background: var(--color-white);
	line-height: 1.5;
}

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

a {
	color: inherit;
}

.container-normal {
	width: 100%;
	margin: 0 auto;
	max-width: var(--container-normal);
	padding: 0 2rem;
}

.container {
	width: 100%;
	margin: 0 auto;
	max-width: var(--container-normal);
	padding: 0 2rem;
}

.container-narrow {
	width: 100%;
	margin: 0 auto;
	max-width: var(--container-narrow);
	padding: 0 2rem;
}

.container-ultra-narrow {
	width: 100%;
	margin: 0 auto;
	max-width: var(--container-ultra-narrow);
	padding: 0 2rem;
}

.skip-link {
	position: absolute;
	left: -9999px;
}

.skip-link:focus {
	left: 1rem;
	top: 1rem;
	z-index: 999;
	padding: 0.5rem 0.75rem;
	background: white;
	border: 2px solid var(--color-brand);
}

@media (min-width: 1024px) {
	.container {
		padding: 0 1rem;
	}
}