/*
 * AuthorFox design tokens. Generated by hand from DESIGN.md frontmatter;
 * TokensSyncTest fails if a DESIGN.md colour is missing or differs here.
 * px on purpose: Bricks sets html { font-size: 62.5% }.
 */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Newsreader";
	src: url("../fonts/newsreader-latin-wght-normal.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--ap-parchment: #faf9f7;
	--ap-paper: #ffffff;
	--ap-mist: #f1efef;
	--ap-stone-200: #e7e5e4;
	--ap-stone-300: #d6d3d1;
	--ap-stone-400: #a8a29e;
	--ap-stone-500: #78716c;
	--ap-stone-600: #57534e;
	--ap-stone-700: #44403c;
	--ap-warm-ink: #021638;
	--ap-charcoal: #042762;
	--ap-ember: #fd5f00;
	--ap-ember-700: #b84500;
	--ap-ember-tint: #fff4ed;
	--ap-ember-border: #ffcfb2;
	--ap-cream: #f8eadb;
	--ap-cream-border: #efd5bb;
	--ap-ok-700: #15803d;
	--ap-ok-800: #136f36; /* ok ink on cream (5.3:1); ok-700 falls to 4.25:1 there */
	--ap-ok-tint: #f0fdf4;
	--ap-ok-border: #bbf7d0;
	--ap-warn-700: #b45309;
	--ap-warn-tint: #fffbeb;
	--ap-warn-border: #fde68a;
	--ap-danger-700: #b91c1c;
	--ap-danger-tint: #fef2f2;
	--ap-danger-border: #fecaca;

	--ap-font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
	--ap-font-serif: Newsreader, ui-serif, Georgia, serif;
	--ap-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

	--ap-radius: 8px;
	--ap-radius-raised: 12px;
	--ap-radius-pill: 999px;
	--ap-shadow-raised: 0 1px 4px rgba(0, 0, 0, 0.05), 0 0 0 0.5px rgba(0, 0, 0, 0.03);
	/* The one lifted card a page may have (DESIGN.md → Emphasis): an offset and a soft blur, navy-tinted. */
	--ap-shadow-lift: 0 1px 2px rgba(2, 22, 56, 0.04), 0 12px 28px -16px rgba(2, 22, 56, 0.18);
	--ap-ease: cubic-bezier(0.2, 0, 0, 1);

	/* Content widths (DESIGN.md → Page frame): reading and forms, or wide pages. */
	--ap-page-narrow: 760px;
	--ap-page-wide: 1080px;
}