/* Pointales design tokens — see docs/DESIGN_SYSTEM.md */
@font-face {
	font-family: "Newsreader";
	src: url("../fonts/newsreader-latin-var.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-latin-var.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Colour */
	--pt-bg: #ffffff;
	--pt-surface: #f7f6f3;
	--pt-text: #1f1f1f;
	--pt-text-strong: #111111;
	--pt-muted: #575757;
	--pt-border: #e6e4df;
	--pt-border-strong: #1f1f1f;
	--pt-accent: #b42318;
	--pt-accent-hover: #8f1c13;
	--pt-sponsored: #6b4e00;
	--pt-sponsored-bg: #fbf3dc;
	--pt-focus: #1d4ed8;

	/* Type */
	--pt-serif: "Newsreader", Georgia, "Times New Roman", serif;
	--pt-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--pt-fs-xs: 0.8125rem;   /* 13 */
	--pt-fs-sm: 0.9375rem;   /* 15 */
	--pt-fs-base: 1.125rem;  /* 18 */
	--pt-fs-md: 1.25rem;     /* 20 */
	--pt-fs-lg: 1.5rem;      /* 24 */
	--pt-fs-xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);   /* 28→36 */
	--pt-fs-2xl: clamp(2rem, 1.5rem + 2.2vw, 3rem);         /* 32→48 */
	--pt-lh-body: 1.65;
	--pt-lh-head: 1.15;

	/* Space */
	--pt-s1: 4px;
	--pt-s2: 8px;
	--pt-s3: 16px;
	--pt-s4: 24px;
	--pt-s5: 40px;
	--pt-s6: 64px;

	/* Layout */
	--pt-measure: 720px;
	--pt-header-measure: 720px;
	--pt-wide: 1100px;
	--pt-max: 1200px;
	--pt-radius: 2px;
	/* Breakpoints (reference): 480 / 768 / 1024 / 1280 */
}