@font-face {
	font-family: "Fraunces";
	src: url("/assets/fonts/fraunces-latin.woff2?v=a4bf1e9730") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Fraunces Wordmark";
	src: url("/assets/fonts/fraunces-wordmark.woff2?v=9b8735c554") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Atkinson";
	src: url("/assets/fonts/atkinson-latin.woff2?v=13f3f1e5bb") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "JetBrains Mono";
	src: url("/assets/fonts/jetbrains-mono-latin.woff2?v=f7241c9f25") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	color-scheme: light;

	--font-display: "Fraunces", Georgia, serif;
	--font-wordmark: "Fraunces Wordmark", "Fraunces", Georgia, serif;
	--font-body: "Atkinson", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-state: "JetBrains Mono", ui-monospace, Consolas, monospace;

	--text-xs: 0.78rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-read: 1.0625rem;
	--text-md: 1.2rem;
	--text-lg: 1.45rem;
	--text-xl: 1.85rem;
	--text-2xl: 2.4rem;

	--leading-tight: 1.16;
	--leading-ui: 1.5;
	--leading-read: 1.62;

	--measure: 62ch;
	--excerpt-clamp: 20rem;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	--radius: 12px;
	--radius-sm: 8px;
	--radius-pill: 999px;
	--ring: 3px;

	--sky-1: #e4dff2;
	--sky-2: #fbe9df;
	--sky-3: #fdf4dd;

	--ink: #2a2333;
	--paper-ink: #fdf4dd;
	--ink-2: #635a70;
	--ink-3: #8d8499;
	--rule: rgba(42, 35, 51, 0.13);
	--rule-strong: rgba(42, 35, 51, 0.28);

	--card: rgba(255, 255, 255, 0.76);
	--card-2: rgba(255, 255, 255, 0.5);
	--sunk: rgba(42, 35, 51, 0.055);

	--lavender: #6a4c9c;
	--coral: #c1543c;
	--gold: #96690c;
	--dusk: #4c5a7c;
	--fern: #4a6f4a;

	--lavender-wash: #e6dcf6;
	--coral-wash: #fbded5;
	--gold-wash: #faeac6;
	--dusk-wash: #dee3ef;
	--fern-wash: #dfeada;

	--accent: var(--coral);
	--accent-wash: var(--coral-wash);
	--ok: var(--fern);
	--warn: var(--gold);
	--err: #b03826;

	--card-y: var(--space-5);
	--stack: var(--space-6);
}