@datatechsolutions/tympan-tokens 0.3.0

package/dist/index.js

@@ -0,0 +1,4873 @@
+import { PRINT_STYLE_ALIASES, PRINT_THEME_ALIASES, PRINT_THEME_PREFIX, resolvePrintThemeName, warnDeprecatedPrintId } from "./print-aliases.js";
+//#region src/color.ts
+const clamp01 = (v) => Math.min(1, Math.max(0, v));
+function toLinear(c) {
+	return c <= .04045 ? c / 12.92 : ((c + .055) / 1.055) ** 2.4;
+}
+function fromLinear$1(c) {
+	return c <= .0031308 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - .055;
+}
+function rgbToOklab({ r, g, b }) {
+	const lr = toLinear(r);
+	const lg = toLinear(g);
+	const lb = toLinear(b);
+	const l = Math.cbrt(.4122214708 * lr + .5363325363 * lg + .0514459929 * lb);
+	const m = Math.cbrt(.2119034982 * lr + .6806995451 * lg + .1073969566 * lb);
+	const s = Math.cbrt(.0883024619 * lr + .2817188376 * lg + .6299787005 * lb);
+	return {
+		L: .2104542553 * l + .793617785 * m - .0040720468 * s,
+		a: 1.9779984951 * l - 2.428592205 * m + .4505937099 * s,
+		b: .0259040371 * l + .7827717662 * m - .808675766 * s
+	};
+}
+/** OKLab to linear-light sRGB (may be out of gamut). */
+function oklabToLinear(L, a, b) {
+	const l = (L + .3963377774 * a + .2158037573 * b) ** 3;
+	const m = (L - .1055613458 * a - .0638541728 * b) ** 3;
+	const s = (L - .0894841775 * a - 1.291485548 * b) ** 3;
+	return [
+		4.0767416621 * l - 3.3077115913 * m + .2309699292 * s,
+		-1.2684380046 * l + 2.6097574011 * m - .3413193965 * s,
+		-.0041960863 * l - .7034186147 * m + 1.707614701 * s
+	];
+}
+function rgbToOklch(c) {
+	const { L, a, b } = rgbToOklab(c);
+	const chroma = Math.hypot(a, b);
+	let h = Math.atan2(b, a) * 180 / Math.PI;
+	if (h < 0) h += 360;
+	return {
+		l: L,
+		c: chroma,
+		h: chroma < 1e-6 ? 0 : h
+	};
+}
+function inGamut(lin) {
+	return lin.every((v) => v >= -1e-6 && v <= 1.000001);
+}
+/**
+* OKLCH to sRGB. Out-of-gamut colours keep lightness and hue and lose chroma
+* (binary search), which preserves the perceived tone of a ramp step.
+*/
+function oklchToRgb({ l, c, h }, alpha = 1) {
+	const L = clamp01(l);
+	const rad = h * Math.PI / 180;
+	const lin = (chroma) => oklabToLinear(L, chroma * Math.cos(rad), chroma * Math.sin(rad));
+	let chroma = Math.max(0, c);
+	if (!inGamut(lin(chroma))) {
+		let lo = 0;
+		let hi = chroma;
+		for (let i = 0; i < 32; i++) {
+			const mid = (lo + hi) / 2;
+			if (inGamut(lin(mid))) lo = mid;
+			else hi = mid;
+		}
+		chroma = lo;
+	}
+	const [r, g, b] = lin(chroma).map((v) => Math.round(clamp01(fromLinear$1(clamp01(v))) * 255) / 255);
+	return {
+		r,
+		g,
+		b,
+		a: alpha
+	};
+}
+const hex2 = (v) => Math.round(clamp01(v) * 255).toString(16).padStart(2, "0");
+/** `#rrggbb` (alpha ignored). */
+function toHex(c) {
+	return `#${hex2(c.r)}${hex2(c.g)}${hex2(c.b)}`;
+}
+/** CSS serialisation: hex when opaque, `rgb(r g b / a)` otherwise. */
+function toCss(c) {
+	if (c.a >= 1) return toHex(c);
+	const ch = (v) => Math.round(clamp01(v) * 255);
+	return `rgb(${ch(c.r)} ${ch(c.g)} ${ch(c.b)} / ${Math.round(c.a * 1e3) / 1e3})`;
+}
+/** Parses `#rgb`, `#rrggbb`, `#rrggbbaa`, `rgb(r g b / a)` and `rgba(r, g, b, a)`. */
+function parseColor(input) {
+	const s = input.trim().toLowerCase();
+	if (s.startsWith("#")) {
+		let h = s.slice(1);
+		if (h.length === 3) h = [...h].map((x) => x + x).join("");
+		if (h.length !== 6 && h.length !== 8) throw new Error(`Invalid colour ${input}`);
+		const n = (i) => parseInt(h.slice(i, i + 2), 16) / 255;
+		return {
+			r: n(0),
+			g: n(2),
+			b: n(4),
+			a: h.length === 8 ? n(6) : 1
+		};
+	}
+	const m = /^rgba?\(([^)]+)\)$/.exec(s);
+	if (m && m[1]) {
+		const [r = 0, g = 0, b = 0, a = 1] = m[1].split(/[\s,/]+/).filter(Boolean).map(Number);
+		return {
+			r: r / 255,
+			g: g / 255,
+			b: b / 255,
+			a
+		};
+	}
+	throw new Error(`Unsupported colour ${input}`);
+}
+/** Source-over compositing of `top` onto `bottom`. */
+function composite(top, bottom) {
+	const a = top.a + bottom.a * (1 - top.a);
+	if (a === 0) return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	};
+	const mix = (t, b) => (t * top.a + b * bottom.a * (1 - top.a)) / a;
+	return {
+		r: mix(top.r, bottom.r),
+		g: mix(top.g, bottom.g),
+		b: mix(top.b, bottom.b),
+		a
+	};
+}
+/** Composites a stack given from top to bottom; the last layer should be opaque. */
+function flatten(stack) {
+	return stack.reduceRight((acc, layer) => acc ? composite(layer, acc) : layer, null) ?? {
+		r: 1,
+		g: 1,
+		b: 1,
+		a: 1
+	};
+}
+/** WCAG 2.x relative luminance. */
+function luminance(c) {
+	return .2126 * toLinear(c.r) + .7152 * toLinear(c.g) + .0722 * toLinear(c.b);
+}
+/** WCAG 2.x contrast ratio (1..21) between two opaque colours. */
+function contrastRatio(a, b) {
+	const la = luminance(a);
+	const lb = luminance(b);
+	const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+	return (hi + .05) / (lo + .05);
+}
+/**
+* APCA lightness contrast Lc (text on background), implemented from the
+* public description of the APCA-W3 0.0.98G constants. Informational only:
+* WCAG 2.2 conformance is decided by `contrastRatio`.
+*/
+function apcaContrast(text, background) {
+	const y = (c) => .2126729 * c.r ** 2.4 + .7151522 * c.g ** 2.4 + .072175 * c.b ** 2.4;
+	const clampBlack = (v) => v > .022 ? v : v + (.022 - v) ** 1.414;
+	const yt = clampBlack(y(text));
+	const yb = clampBlack(y(background));
+	if (Math.abs(yb - yt) < 5e-4) return 0;
+	if (yb > yt) {
+		const sapc = (yb ** .56 - yt ** .57) * 1.14;
+		return sapc < .1 ? 0 : (sapc - .027) * 100;
+	}
+	const sapc = (yb ** .65 - yt ** .62) * 1.14;
+	return sapc > -.1 ? 0 : (sapc + .027) * 100;
+}
+/** CIE L*a*b* (D65) from sRGB, via CIE XYZ. */
+function rgbToLab({ r, g, b }) {
+	const lr = toLinear(r);
+	const lg = toLinear(g);
+	const lb = toLinear(b);
+	const x = (.4124564 * lr + .3575761 * lg + .1804375 * lb) / .95047;
+	const y = .2126729 * lr + .7151522 * lg + .072175 * lb;
+	const z = (.0193339 * lr + .119192 * lg + .9503041 * lb) / 1.08883;
+	const f = (t) => t > 216 / 24389 ? Math.cbrt(t) : (24389 / 27 * t + 16) / 116;
+	const fx = f(x);
+	const fy = f(y);
+	const fz = f(z);
+	return {
+		L: 116 * fy - 16,
+		a: 500 * (fx - fy),
+		b: 200 * (fy - fz)
+	};
+}
+/**
+* CIEDE2000 colour difference (ΔE00) between two opaque colours, implemented
+* from the published formula (Sharma, Wu and Dalal, 2005). About 1 is a just
+* noticeable difference; 10 or more reads as clearly different colours.
+*/
+function deltaE2000(c1, c2) {
+	const { L: L1, a: a1, b: b1 } = rgbToLab(c1);
+	const { L: L2, a: a2, b: b2 } = rgbToLab(c2);
+	const rad = Math.PI / 180;
+	const Cm = (Math.hypot(a1, b1) + Math.hypot(a2, b2)) / 2;
+	const G = .5 * (1 - Math.sqrt(Cm ** 7 / (Cm ** 7 + 25 ** 7)));
+	const a1p = (1 + G) * a1;
+	const a2p = (1 + G) * a2;
+	const C1p = Math.hypot(a1p, b1);
+	const C2p = Math.hypot(a2p, b2);
+	const hp = (a, b) => {
+		if (a === 0 && b === 0) return 0;
+		const h = Math.atan2(b, a) / rad;
+		return h < 0 ? h + 360 : h;
+	};
+	const h1p = hp(a1p, b1);
+	const h2p = hp(a2p, b2);
+	const dLp = L2 - L1;
+	const dCp = C2p - C1p;
+	let dhp = 0;
+	if (C1p * C2p !== 0) {
+		dhp = h2p - h1p;
+		if (dhp > 180) dhp -= 360;
+		else if (dhp < -180) dhp += 360;
+	}
+	const dHp = 2 * Math.sqrt(C1p * C2p) * Math.sin(dhp / 2 * rad);
+	const Lmp = (L1 + L2) / 2;
+	const Cmp = (C1p + C2p) / 2;
+	let hmp = h1p + h2p;
+	if (C1p * C2p !== 0) {
+		if (Math.abs(h1p - h2p) <= 180) hmp = (h1p + h2p) / 2;
+		else hmp = h1p + h2p < 360 ? (h1p + h2p + 360) / 2 : (h1p + h2p - 360) / 2;
+	}
+	const T = 1 - .17 * Math.cos((hmp - 30) * rad) + .24 * Math.cos(2 * hmp * rad) + .32 * Math.cos((3 * hmp + 6) * rad) - .2 * Math.cos((4 * hmp - 63) * rad);
+	const dTheta = 30 * Math.exp(-(((hmp - 275) / 25) ** 2));
+	const Rc = 2 * Math.sqrt(Cmp ** 7 / (Cmp ** 7 + 25 ** 7));
+	const Sl = 1 + .015 * (Lmp - 50) ** 2 / Math.sqrt(20 + (Lmp - 50) ** 2);
+	const Sc = 1 + .045 * Cmp;
+	const Sh = 1 + .015 * Cmp * T;
+	const Rt = -Math.sin(2 * dTheta * rad) * Rc;
+	return Math.sqrt((dLp / Sl) ** 2 + (dCp / Sc) ** 2 + (dHp / Sh) ** 2 + Rt * (dCp / Sc) * (dHp / Sh));
+}
+//#endregion
+//#region src/theme.ts
+/** CSS token of each font role (`--ty-font-<name>`). */
+const FONT_ROLE_TOKENS = {
+	display: "serif",
+	body: "sans",
+	mono: "mono",
+	sans: "sans",
+	serif: "serif"
+};
+const RAMP_STEPS = [
+	50,
+	100,
+	200,
+	300,
+	400,
+	500,
+	600,
+	700,
+	800,
+	900,
+	950
+];
+const RAMP_L = [
+	.975,
+	.94,
+	.885,
+	.815,
+	.725,
+	.635,
+	.55,
+	.47,
+	.395,
+	.325,
+	.255
+];
+const RAMP_C = [
+	.1,
+	.2,
+	.38,
+	.6,
+	.84,
+	1,
+	.97,
+	.88,
+	.76,
+	.62,
+	.5
+];
+/** 11-step ramp for a seed. */
+function generateRamp(seed) {
+	const out = {};
+	RAMP_STEPS.forEach((step, i) => {
+		out[step] = oklchToRgb({
+			l: RAMP_L[i] ?? .5,
+			c: seed.chroma * (RAMP_C[i] ?? 1),
+			h: seed.hue
+		});
+	});
+	return out;
+}
+/** Seed derived from an existing colour (keeps hue; chroma scaled to a ramp peak). */
+function seedFromColor(color, peakChroma) {
+	const { c, h } = rgbToOklch(parseColor(color));
+	return {
+		hue: Math.round(h * 10) / 10,
+		chroma: Math.round((peakChroma ?? c) * 1e3) / 1e3
+	};
+}
+const ROLE_NAMES = [
+	"bg",
+	"on-bg",
+	"surface",
+	"on-surface",
+	"surface-raised",
+	"on-surface-raised",
+	"surface-sunken",
+	"on-surface-sunken",
+	"surface-solid",
+	"surface-raised-solid",
+	"ink",
+	"ink-2",
+	"ink-3",
+	"line",
+	"line-soft",
+	"line-strong",
+	"input",
+	"focus-ring",
+	"brand",
+	"on-brand",
+	"brand-strong",
+	"brand-soft",
+	"on-brand-soft",
+	"cta-solid",
+	"on-cta",
+	"secondary",
+	"on-secondary",
+	"danger",
+	"on-danger",
+	"danger-soft",
+	"on-danger-soft",
+	"warning",
+	"on-warning",
+	"warning-soft",
+	"on-warning-soft",
+	"success",
+	"on-success",
+	"success-soft",
+	"on-success-soft",
+	"info",
+	"on-info",
+	"info-soft",
+	"on-info-soft",
+	"neutral",
+	"on-neutral",
+	"neutral-soft",
+	"on-neutral-soft",
+	"proof-proved",
+	"proof-proved-soft",
+	"proof-pending",
+	"proof-pending-soft",
+	"proof-refuted",
+	"proof-refuted-soft",
+	"proof-not-disclosed",
+	"proof-not-disclosed-soft",
+	"proof-none",
+	"proof-none-soft",
+	"actor-person",
+	"actor-person-soft",
+	"actor-agent",
+	"actor-agent-soft",
+	"actor-system",
+	"actor-system-soft",
+	"chart-1",
+	"chart-2",
+	"chart-3",
+	"chart-4",
+	"chart-5",
+	"chart-6",
+	"chart-7",
+	"chart-8",
+	"nav-bg",
+	"on-nav",
+	"nav-active",
+	"on-nav-active",
+	"nav-line",
+	"backdrop",
+	"ambient-1",
+	"ambient-2"
+];
+/** Design-direction names kept as aliases of the role model. */
+const ROLE_ALIASES = {
+	accent: "brand",
+	"accent-strong": "brand-strong",
+	"accent-soft": "brand-soft",
+	"accent-ink": "on-brand",
+	"on-accent": "on-brand",
+	"on-accent-soft": "on-brand-soft",
+	"categorical-1": "chart-1",
+	"categorical-2": "chart-2",
+	"categorical-3": "chart-3",
+	"categorical-4": "chart-4",
+	"categorical-5": "chart-5",
+	"categorical-6": "chart-6",
+	"categorical-7": "chart-7",
+	"categorical-8": "chart-8"
+};
+const TONES = [
+	"danger",
+	"warning",
+	"success",
+	"info",
+	"neutral"
+];
+function recipes(mode, contrast, glass) {
+	const dark = mode === "dark";
+	const high = contrast === "high";
+	const pick = (light, darkV) => dark ? darkV : light;
+	const softA = pick(.1, .14) * (high ? 1.6 : 1);
+	const r = {
+		bg: {
+			seed: "neutral",
+			l: pick(.975, .165),
+			c: .5
+		},
+		surface: {
+			seed: "neutral",
+			l: pick(.993, .235),
+			c: .4,
+			a: glass ? pick(.82, .72) : 1
+		},
+		"surface-raised": {
+			seed: "neutral",
+			l: pick(.993, .275),
+			c: .4,
+			a: glass ? pick(.94, .86) : 1
+		},
+		"surface-solid": {
+			seed: "neutral",
+			l: pick(.993, .235),
+			c: .4
+		},
+		"surface-raised-solid": {
+			seed: "neutral",
+			l: pick(.993, .275),
+			c: .4
+		},
+		"surface-sunken": {
+			seed: "neutral",
+			l: pick(.955, .195),
+			c: .6
+		},
+		ink: {
+			seed: "neutral",
+			l: pick(.21, .955),
+			c: 2
+		},
+		"ink-2": {
+			seed: "neutral",
+			l: high ? pick(.27, .93) : pick(.37, .87),
+			c: 2
+		},
+		"ink-3": {
+			seed: "neutral",
+			l: high ? pick(.33, .9) : pick(.5, .72),
+			c: 2
+		},
+		line: {
+			seed: "neutral",
+			l: pick(.55, .78),
+			c: 2.5,
+			a: high ? pick(.45, .4) : pick(.22, .16)
+		},
+		"line-soft": {
+			seed: "neutral",
+			l: pick(.55, .78),
+			c: 2.5,
+			a: high ? pick(.3, .25) : pick(.12, .09)
+		},
+		"line-strong": {
+			seed: "neutral",
+			l: pick(.55, .78),
+			c: 2.5,
+			a: high ? pick(.75, .65) : pick(.38, .3)
+		},
+		input: {
+			seed: "neutral",
+			l: high ? pick(.42, .78) : pick(.6, .58),
+			c: 2.5
+		},
+		"focus-ring": {
+			seed: "brand",
+			l: high ? pick(.4, .85) : pick(.47, .79),
+			c: .75
+		},
+		brand: {
+			seed: "brand",
+			l: high ? pick(.4, .85) : pick(.47, .79),
+			c: .75
+		},
+		"brand-strong": {
+			seed: "brand",
+			l: high ? pick(.33, .9) : pick(.4, .87),
+			c: .7
+		},
+		"brand-soft": {
+			seed: "brand",
+			l: pick(.55, .75),
+			c: .8,
+			a: softA
+		},
+		"on-brand-soft": {
+			seed: "brand",
+			l: high ? pick(.36, .88) : pick(.44, .82),
+			c: .75
+		},
+		"on-brand": {
+			seed: "brand",
+			l: pick(.985, .25),
+			c: .15
+		},
+		"cta-solid": {
+			seed: "brand",
+			l: pick(.45, .45),
+			c: .8
+		},
+		"on-cta": {
+			seed: "brand",
+			l: .985,
+			c: .1
+		},
+		secondary: {
+			seed: "neutral",
+			l: pick(.993, .275),
+			c: .4,
+			a: glass ? pick(.7, .6) : 1
+		},
+		"on-secondary": {
+			seed: "neutral",
+			l: pick(.21, .955),
+			c: 2
+		},
+		backdrop: {
+			seed: "neutral",
+			l: pick(.2, .1),
+			c: 2,
+			a: pick(.4, .6)
+		},
+		"ambient-1": {
+			seed: "brand",
+			l: .72,
+			c: .9,
+			a: glass ? pick(.07, .12) : 0
+		},
+		"ambient-2": {
+			seed: "ambient",
+			l: .75,
+			c: .12,
+			h: 230,
+			a: glass ? pick(.05, .08) : 0
+		}
+	};
+	for (const tone of TONES) {
+		const chroma = tone === "neutral" ? 2 : 1;
+		r[tone] = {
+			seed: tone,
+			l: high ? pick(.44, .8) : pick(.51, .74),
+			c: chroma
+		};
+		r[`${tone}-soft`] = {
+			seed: tone,
+			l: pick(.6, .7),
+			c: chroma,
+			a: softA
+		};
+		r[`on-${tone}-soft`] = {
+			seed: tone,
+			l: high ? pick(.38, .86) : pick(.45, .8),
+			c: chroma
+		};
+		r[`on-${tone}`] = {
+			seed: "neutral",
+			l: pick(.985, .18),
+			c: .3
+		};
+	}
+	return r;
+}
+function contrastPairs(ctaStops) {
+	const pairs = [];
+	const text = (fg, ...over) => pairs.push({
+		fg,
+		over,
+		min: 4.5,
+		kind: "text"
+	});
+	const ui = (fg, ...over) => pairs.push({
+		fg,
+		over,
+		min: 3,
+		kind: "ui"
+	});
+	for (const ink of [
+		"ink",
+		"ink-2",
+		"ink-3"
+	]) {
+		text(ink, "bg");
+		text(ink, "surface", "bg");
+		text(ink, "surface-raised", "bg");
+		text(ink, "surface-sunken");
+	}
+	text("on-bg", "bg");
+	text("on-surface", "surface", "bg");
+	text("on-surface-raised", "surface-raised", "bg");
+	text("on-surface-sunken", "surface-sunken");
+	text("brand", "bg");
+	text("brand", "surface", "bg");
+	text("brand", "surface-raised", "bg");
+	text("brand-strong", "surface", "bg");
+	text("on-brand", "brand");
+	text("on-brand-soft", "brand-soft", "surface", "bg");
+	text("on-cta", "cta-solid");
+	for (let i = 0; i < ctaStops; i++) text("on-cta", `cta-stop-${i}`);
+	text("on-secondary", "secondary", "bg");
+	for (const tone of TONES) {
+		text(tone, "surface", "bg");
+		text(tone, "surface-raised", "bg");
+		text(`on-${tone}`, tone);
+		text(`on-${tone}-soft`, `${tone}-soft`, "surface", "bg");
+	}
+	for (const p of [
+		"proved",
+		"pending",
+		"refuted",
+		"not-disclosed",
+		"none"
+	]) {
+		text(`proof-${p}`, "surface", "bg");
+		text(`proof-${p}`, `proof-${p}-soft`, "surface", "bg");
+	}
+	for (const a of [
+		"person",
+		"agent",
+		"system"
+	]) text(`actor-${a}`, `actor-${a}-soft`, "surface", "bg");
+	text("on-nav", "nav-bg", "bg");
+	text("on-nav-active", "nav-active", "nav-bg", "bg");
+	ui("input", "surface", "bg");
+	ui("input", "bg");
+	ui("input", "surface-raised", "bg");
+	ui("focus-ring", "bg");
+	ui("focus-ring", "surface", "bg");
+	ui("focus-ring", "surface-raised", "bg");
+	ui("brand", "surface-sunken");
+	for (let i = 1; i <= 8; i++) ui(`chart-${i}`, "surface", "bg");
+	return pairs;
+}
+/** Hues of the eight chart colours when a theme sets none. */
+const DEFAULT_CHART_HUES = [
+	250,
+	62,
+	165,
+	335,
+	215,
+	35,
+	110,
+	290
+];
+function colorFrom(recipe, seeds) {
+	const seed = recipe.seed === "chart" || recipe.seed === "ambient" ? void 0 : seeds[recipe.seed];
+	const chroma = seed ? seed.chroma * (recipe.c ?? 1) : recipe.c ?? .1;
+	return {
+		l: recipe.l,
+		c: chroma,
+		h: recipe.h ?? seed?.hue ?? 0,
+		a: recipe.a ?? 1
+	};
+}
+/** Resolves one theme in one mode. */
+function resolveTheme(config, mode, contrastOverride) {
+	const contrast = contrastOverride ?? config.contrast;
+	const dark = mode === "dark";
+	const recipeMap = recipes(mode, contrast, config.glass);
+	const lch = {};
+	for (const [role, recipe] of Object.entries(recipeMap)) lch[role] = colorFrom(recipe, config.seeds);
+	(config.chartHues ?? DEFAULT_CHART_HUES).slice(0, 8).forEach((h, i) => {
+		lch[`chart-${i + 1}`] = {
+			l: dark ? .76 : .55,
+			c: dark ? .13 : .14,
+			h,
+			a: 1
+		};
+	});
+	const pinned = /* @__PURE__ */ new Set();
+	const colors = {};
+	const pins = config.pins?.[mode] ?? {};
+	const pinnedValue = (role) => {
+		const v = contrast === config.contrast ? pins[role] : void 0;
+		return v ? parseColor(v) : void 0;
+	};
+	const materialise = (role) => {
+		const p = pinnedValue(role);
+		if (p) {
+			pinned.add(role);
+			colors[role] = p;
+			return;
+		}
+		const v = lch[role];
+		if (v) colors[role] = oklchToRgb(v, v.a);
+	};
+	for (const role of Object.keys(lch)) materialise(role);
+	const copy = (role, from) => {
+		const p = pinnedValue(role);
+		if (p) {
+			pinned.add(role);
+			colors[role] = p;
+		} else if (colors[from]) {
+			colors[role] = { ...colors[from] };
+			if (lch[from]) lch[role] = { ...lch[from] };
+		}
+	};
+	const aliasRoles = () => {
+		copy("on-bg", "ink-2");
+		copy("on-surface", "ink-2");
+		copy("on-surface-raised", "ink-2");
+		copy("on-surface-sunken", "ink-2");
+		copy("proof-proved", "on-success-soft");
+		copy("proof-proved-soft", "success-soft");
+		copy("proof-pending", "on-warning-soft");
+		copy("proof-pending-soft", "warning-soft");
+		copy("proof-refuted", "on-danger-soft");
+		copy("proof-refuted-soft", "danger-soft");
+		copy("proof-not-disclosed", "on-neutral-soft");
+		copy("proof-not-disclosed-soft", "neutral-soft");
+		copy("proof-none", "ink-3");
+		copy("proof-none-soft", "neutral-soft");
+		copy("actor-person", "on-brand-soft");
+		copy("actor-person-soft", "brand-soft");
+		copy("actor-agent", "ink-2");
+		copy("actor-agent-soft", "neutral-soft");
+		copy("actor-system", "ink-3");
+		copy("actor-system-soft", "neutral-soft");
+		copy("nav-bg", "surface");
+		copy("on-nav", "ink-2");
+		copy("nav-active", "brand-soft");
+		copy("on-nav-active", "on-brand-soft");
+		copy("nav-line", "line");
+	};
+	aliasRoles();
+	const brand = config.seeds.brand;
+	const ctaPin = config.ctaPins?.[mode];
+	let ctaStops;
+	if (ctaPin && contrast === config.contrast) ctaStops = ctaPin.map(parseColor);
+	else if (config.cta === "solid") ctaStops = [colors["cta-solid"]];
+	else ctaStops = [
+		oklchToRgb({
+			l: .5,
+			c: brand.chroma * .85,
+			h: brand.hue - 12
+		}),
+		oklchToRgb({
+			l: .47,
+			c: brand.chroma * .8,
+			h: brand.hue + 8
+		}),
+		oklchToRgb({
+			l: .47,
+			c: brand.chroma * .85,
+			h: brand.hue + 60
+		})
+	];
+	const pairs = contrastPairs(ctaStops.length);
+	const layer = (name) => {
+		const m = /^cta-stop-(\d+)$/.exec(name);
+		if (m) return ctaStops[Number(m[1])];
+		return colors[name] ?? {
+			r: 1,
+			g: 1,
+			b: 1,
+			a: 1
+		};
+	};
+	const measure = (pair) => {
+		const bgc = flatten([...pair.over.map(layer), dark ? layer("bg") : layer("bg")]);
+		const fgc = flatten([layer(pair.fg), bgc]);
+		return {
+			ratio: contrastRatio(fgc, bgc),
+			apca: apcaContrast(fgc, bgc),
+			bgc
+		};
+	};
+	for (let pass = 0; pass < 3; pass++) {
+		for (const pair of pairs) {
+			const role = pair.fg;
+			if (pinned.has(role) || !lch[role]) continue;
+			let guard = 0;
+			let m = measure(pair);
+			while (m.ratio < pair.min && guard++ < 80) {
+				const v = lch[role];
+				const step = rgbToOklch(m.bgc).l > .6 ? -.01 : .01;
+				v.l = Math.min(.995, Math.max(.02, v.l + step));
+				colors[role] = oklchToRgb(v, v.a);
+				m = measure(pair);
+			}
+		}
+		aliasRoles();
+	}
+	const report = pairs.map((pair) => {
+		const m = measure(pair);
+		return {
+			fg: pair.fg,
+			over: pair.over,
+			kind: pair.kind,
+			min: pair.min,
+			ratio: Math.round(m.ratio * 100) / 100,
+			apca: Math.round(m.apca * 10) / 10,
+			pass: m.ratio >= pair.min - 1e-9
+		};
+	});
+	for (const [alias, role] of Object.entries(ROLE_ALIASES)) if (colors[role]) colors[alias] = colors[role];
+	const ramps = Object.fromEntries(Object.keys(config.seeds).map((s) => [s, generateRamp(config.seeds[s])]));
+	const tint = oklchToRgb({
+		l: dark ? .12 : .2,
+		c: config.seeds.neutral.chroma * 2,
+		h: config.seeds.neutral.hue
+	});
+	const shade = (alpha) => ({
+		...tint,
+		a: Math.min(.9, alpha * (dark ? 2 : 1))
+	});
+	const inset = {
+		x: 0,
+		y: 1,
+		blur: 0,
+		spread: 0,
+		inset: true,
+		color: {
+			r: 1,
+			g: 1,
+			b: 1,
+			a: dark && config.glass ? .06 : 0
+		}
+	};
+	const elevation = config.elevation ?? "soft";
+	let shadows;
+	if (elevation === "flat") {
+		const none = [{
+			x: 0,
+			y: 0,
+			blur: 0,
+			spread: 0,
+			color: {
+				...tint,
+				a: 0
+			}
+		}];
+		shadows = {
+			sheet: none,
+			raised: none,
+			floating: [{
+				x: 0,
+				y: 2,
+				blur: 6,
+				spread: -2,
+				color: shade(.12)
+			}],
+			modal: [{
+				x: 0,
+				y: 16,
+				blur: 40,
+				spread: -16,
+				color: shade(.3)
+			}],
+			"sheet-inset": [inset]
+		};
+	} else if (elevation === "offset") {
+		const ink = colors.ink ?? tint;
+		const hard = (d) => [{
+			x: d,
+			y: d,
+			blur: 0,
+			spread: 0,
+			color: {
+				...ink,
+				a: 1
+			}
+		}];
+		shadows = {
+			sheet: hard(3),
+			raised: hard(2),
+			floating: hard(4),
+			modal: hard(6),
+			"sheet-inset": [inset]
+		};
+	} else shadows = {
+		sheet: [{
+			x: 0,
+			y: 1,
+			blur: 2,
+			spread: 0,
+			color: shade(.04)
+		}, {
+			x: 0,
+			y: 8,
+			blur: 24,
+			spread: -12,
+			color: shade(.1)
+		}],
+		raised: [{
+			x: 0,
+			y: 4,
+			blur: 12,
+			spread: -2,
+			color: shade(.08)
+		}],
+		floating: [{
+			x: 0,
+			y: 12,
+			blur: 24,
+			spread: -8,
+			color: shade(.14)
+		}],
+		modal: [{
+			x: 0,
+			y: 40,
+			blur: 100,
+			spread: -30,
+			color: shade(.35)
+		}],
+		"sheet-inset": [inset]
+	};
+	const R = config.radius;
+	const dimensions = {
+		radius: R,
+		"radius-control": R,
+		"radius-card": Math.round(R * 1.6),
+		"radius-sheet": Math.round(R * 2.4),
+		"radius-pill": 999,
+		"radius-agent": Math.max(2, Math.round(R * .6)),
+		"focus-width": contrast === "high" ? 3 : 2,
+		"glass-blur-sheet": config.glass ? 20 : 0,
+		"glass-blur-floating": config.glass ? 24 : 0
+	};
+	const numbers = { "glass-saturate": config.glass ? 1.15 : 1 };
+	const fonts = {};
+	for (const role of [
+		"display",
+		"body",
+		"mono"
+	]) {
+		const list = config.fonts?.[role];
+		if (list?.length) fonts[FONT_ROLE_TOKENS[role]] = [...list];
+	}
+	return {
+		name: config.name,
+		mode,
+		contrast,
+		colors,
+		ramps,
+		cta: {
+			angle: 135,
+			stops: ctaStops
+		},
+		shadows,
+		dimensions,
+		numbers,
+		fonts,
+		strings: config.strings ?? {},
+		report
+	};
+}
+const DENSITIES = {
+	compact: {
+		"control-height": 36,
+		"control-height-touch": 44,
+		"control-height-compact": 28,
+		density: .875
+	},
+	default: {
+		"control-height": 40,
+		"control-height-touch": 44,
+		"control-height-compact": 32,
+		density: 1
+	},
+	comfortable: {
+		"control-height": 44,
+		"control-height-touch": 48,
+		"control-height-compact": 36,
+		density: 1.125
+	}
+};
+function shadowToCss(layers) {
+	return layers.map((l) => `${l.inset ? "inset " : ""}${l.x}px ${l.y}px ${l.blur}px ${l.spread}px ${toCss(l.color)}`).join(", ");
+}
+function gradientToCss(angle, stops) {
+	const list = stops.length === 1 ? [stops[0], stops[0]] : stops;
+	return `linear-gradient(${angle}deg, ${list.map((s, i) => `${toCss(s)} ${Math.round(i / (list.length - 1) * 100)}%`).join(", ")})`;
+}
+/** Ordered `[--ty-name, value]` pairs for one resolved theme. */
+function themeVariables(t) {
+	const out = [];
+	for (const [name, c] of Object.entries(t.colors)) out.push([`--ty-${name}`, toCss(c)]);
+	out.push(["--ty-cta", gradientToCss(t.cta.angle, t.cta.stops)]);
+	for (const [seed, ramp] of Object.entries(t.ramps)) for (const step of RAMP_STEPS) out.push([`--ty-${seed}-${step}`, toCss(ramp[step])]);
+	for (const [name, layers] of Object.entries(t.shadows)) out.push([`--ty-shadow-${name}`, shadowToCss(layers)]);
+	for (const [name, px] of Object.entries(t.dimensions)) out.push([`--ty-${name}`, `${px}px`]);
+	for (const [name, n] of Object.entries(t.numbers)) out.push([`--ty-${name}`, String(n)]);
+	for (const [name, list] of Object.entries(t.fonts)) out.push([`--ty-font-${name}`, fontStackToCss(list)]);
+	for (const [name, s] of Object.entries(t.strings ?? {})) out.push([`--ty-${name}`, s]);
+	return out;
+}
+/**
+* CSS `font-family` value of a family list: names with spaces or digits are
+* quoted, keywords and single identifiers are not (the same rule as the
+* Style Dictionary font-family transform of the build).
+*/
+function fontStackToCss(families) {
+	return families.map((f) => /[\s\d]/.test(f) && !/^[\w-]+$/.test(f) ? `'${f}'` : f).join(", ");
+}
+/** Family list of a CSS `font-family` value (quotes removed). */
+function parseFontStack(stack) {
+	return stack.split(",").map((f) => f.trim().replace(/^["']|["']$/g, "")).filter(Boolean);
+}
+function densityVariables(density) {
+	return Object.entries(DENSITIES[density]).map(([k, v]) => [`--ty-${k}`, k === "density" ? String(v) : `${v}px`]);
+}
+//#endregion
+//#region src/presets.ts
+const brand = seedFromColor("#166e5a", .13);
+const baseSeeds = {
+	brand,
+	neutral: {
+		hue: brand.hue,
+		chroma: .012
+	},
+	danger: {
+		hue: 12,
+		chroma: .2
+	},
+	warning: {
+		hue: 68,
+		chroma: .15
+	},
+	success: {
+		hue: 148,
+		chroma: .16
+	},
+	info: {
+		hue: 255,
+		chroma: .06
+	}
+};
+/**
+* Default theme. Generated from seeds, with the exact colours of design
+* direction §2.3 pinned so the product matches the approved direction.
+*/
+const tympanPreset = {
+	name: "tympan",
+	label: "Tympan",
+	seeds: baseSeeds,
+	radius: 10,
+	contrast: "default",
+	glass: true,
+	cta: "gradient",
+	pins: {
+		light: {
+			brand: "#166e5a",
+			"focus-ring": "#166e5a",
+			"brand-strong": "#0f5a49",
+			"brand-soft": "rgb(22 110 90 / 0.10)",
+			"on-brand": "#f6fbf9",
+			bg: "#f6f8fa",
+			surface: "rgb(252 253 253 / 0.82)",
+			"surface-raised": "rgb(252 253 253 / 0.94)",
+			"surface-solid": "#fcfdfd",
+			"surface-raised-solid": "#fcfdfd",
+			"surface-sunken": "#eef2f5",
+			line: "rgb(100 116 139 / 0.22)",
+			"line-strong": "rgb(100 116 139 / 0.38)",
+			ink: "#0f172a",
+			"ink-2": "#334155",
+			"ink-3": "#526077",
+			success: "#15803d",
+			warning: "#a16207",
+			danger: "#be123c",
+			neutral: "#526077"
+		},
+		dark: {
+			brand: "#34d399",
+			"focus-ring": "#34d399",
+			"brand-strong": "#6ee7b7",
+			"brand-soft": "rgb(52 211 153 / 0.14)",
+			"on-brand": "#052e25",
+			bg: "#0a0f1c",
+			surface: "rgb(20 28 46 / 0.72)",
+			"surface-raised": "rgb(28 38 60 / 0.86)",
+			"surface-solid": "#141c2e",
+			"surface-raised-solid": "#1c263c",
+			"surface-sunken": "#0f1626",
+			line: "rgb(148 163 184 / 0.16)",
+			"line-strong": "rgb(148 163 184 / 0.30)",
+			ink: "#eef2f7",
+			"ink-2": "#cbd5e1",
+			"ink-3": "#94a3b8",
+			success: "#4ade80",
+			warning: "#fbbf24",
+			danger: "#fb7185",
+			neutral: "#94a3b8"
+		}
+	},
+	ctaPins: {
+		light: [
+			"#047857",
+			"#0f766e",
+			"#0369a1"
+		],
+		dark: [
+			"#047857",
+			"#0f766e",
+			"#0369a1"
+		]
+	}
+};
+/** Brand-free grey theme for embedding and white-label use. Fully generated. */
+const neutralPreset = {
+	name: "neutral",
+	label: "Neutral",
+	seeds: {
+		brand: {
+			hue: 255,
+			chroma: .03
+		},
+		neutral: {
+			hue: 255,
+			chroma: .008
+		},
+		danger: {
+			hue: 18,
+			chroma: .19
+		},
+		warning: {
+			hue: 70,
+			chroma: .14
+		},
+		success: {
+			hue: 150,
+			chroma: .14
+		},
+		info: {
+			hue: 255,
+			chroma: .05
+		}
+	},
+	radius: 8,
+	contrast: "default",
+	glass: true,
+	cta: "solid"
+};
+/**
+* The Fakhir research platform's look, selected by name
+* (`data-ty-theme="fakhir"`). Today it carries the default theme's values; it
+* is a separate preset so that app keeps its look if the default changes.
+*/
+const fakhirPreset = {
+	...tympanPreset,
+	name: "fakhir",
+	label: "Fakhir"
+};
+/** Default hues with high contrast, opaque surfaces and a thicker focus ring. */
+const highContrastPreset = {
+	name: "high-contrast",
+	label: "High contrast",
+	seeds: baseSeeds,
+	radius: 10,
+	contrast: "high",
+	glass: false,
+	cta: "solid"
+};
+const astrlabePreset = {
+	name: "astrlabe",
+	label: "Astrlabe",
+	seeds: {
+		...baseSeeds,
+		brand: {
+			hue: 240,
+			chroma: .15
+		}
+	},
+	radius: 8,
+	contrast: "default",
+	glass: true,
+	cta: "solid"
+};
+const presets = [
+	tympanPreset,
+	fakhirPreset,
+	neutralPreset,
+	highContrastPreset,
+	astrlabePreset
+];
+const DEFAULT_THEME = "tympan";
+//#endregion
+//#region src/dtcg.ts
+const r4 = (v) => Math.round(v * 1e4) / 1e4;
+function toDtcgColor(c) {
+	const out = {
+		colorSpace: "srgb",
+		components: [
+			r4(c.r),
+			r4(c.g),
+			r4(c.b)
+		],
+		hex: toHex(c)
+	};
+	if (c.a < 1) out.alpha = r4(c.a);
+	return out;
+}
+function fromDtcgColor(v) {
+	if (typeof v === "string") {
+		const h = v.replace("#", "");
+		return {
+			r: parseInt(h.slice(0, 2), 16) / 255,
+			g: parseInt(h.slice(2, 4), 16) / 255,
+			b: parseInt(h.slice(4, 6), 16) / 255,
+			a: 1
+		};
+	}
+	const [r, g, b] = v.components;
+	return {
+		r,
+		g,
+		b,
+		a: v.alpha ?? 1
+	};
+}
+const px$1 = (value) => ({
+	value,
+	unit: "px"
+});
+const ext = (cssName) => ({ "br.com.datatechsolutions.tympan": { cssName } });
+function shadowValue(layers) {
+	return layers.map((l) => ({
+		color: toDtcgColor(l.color),
+		offsetX: px$1(l.x),
+		offsetY: px$1(l.y),
+		blur: px$1(l.blur),
+		spread: px$1(l.spread),
+		...l.inset ? { inset: true } : {}
+	}));
+}
+/** DTCG tree for one resolved theme and mode. */
+function themeToDtcg(t) {
+	const color = { $type: "color" };
+	for (const [name, c] of Object.entries(t.colors)) color[name] = {
+		$value: toDtcgColor(c),
+		$extensions: ext(`--ty-${name}`)
+	};
+	const ramp = { $type: "color" };
+	for (const [seed, steps] of Object.entries(t.ramps)) {
+		const group = {};
+		for (const step of RAMP_STEPS) group[String(step)] = {
+			$value: toDtcgColor(steps[step]),
+			$extensions: ext(`--ty-${seed}-${step}`)
+		};
+		ramp[seed] = group;
+	}
+	const shadow = { $type: "shadow" };
+	for (const [name, layers] of Object.entries(t.shadows)) shadow[name] = {
+		$value: shadowValue(layers),
+		$extensions: ext(`--ty-shadow-${name}`)
+	};
+	const dimension = { $type: "dimension" };
+	for (const [name, v] of Object.entries(t.dimensions)) dimension[name] = {
+		$value: px$1(v),
+		$extensions: ext(`--ty-${name}`)
+	};
+	const number = { $type: "number" };
+	for (const [name, v] of Object.entries(t.numbers)) number[name] = {
+		$value: v,
+		$extensions: ext(`--ty-${name}`)
+	};
+	const fontFamily = { $type: "fontFamily" };
+	for (const [name, list] of Object.entries(t.fonts)) fontFamily[name] = {
+		$value: [...list],
+		$extensions: ext(`--ty-font-${name}`)
+	};
+	return {
+		$description: `Theme ${t.name}, ${t.mode} mode, ${t.contrast} contrast. Generated by @datatechsolutions/tympan-tokens.`,
+		color,
+		ramp,
+		gradient: {
+			$type: "gradient",
+			cta: {
+				$value: t.cta.stops.map((s, i, all) => ({
+					color: toDtcgColor(s),
+					position: all.length === 1 ? 0 : r4(i / (all.length - 1))
+				})),
+				$extensions: { "br.com.datatechsolutions.tympan": {
+					cssName: "--ty-cta",
+					angle: t.cta.angle
+				} }
+			}
+		},
+		shadow,
+		dimension,
+		number,
+		...Object.keys(t.fonts).length ? { fontFamily } : {}
+	};
+}
+/** DTCG tree for one density step. */
+function densityToDtcg(density) {
+	const group = { $type: "dimension" };
+	for (const [k, v] of Object.entries(DENSITIES[density])) group[k] = k === "density" ? {
+		$type: "number",
+		$value: v,
+		$extensions: ext(`--ty-${k}`)
+	} : {
+		$value: px$1(v),
+		$extensions: ext(`--ty-${k}`)
+	};
+	return {
+		$description: `Density ${density}.`,
+		density: group
+	};
+}
+//#endregion
+//#region src/print-presets.ts
+const ESTADOS_PROVA = [
+	"sustentada",
+	"refutada",
+	"nao-da-para-afirmar",
+	"pendente",
+	"sem-dado",
+	"nao-testada"
+];
+/** The word printed for each proof state (always visible, whatever the mark's shape). */
+const ROTULOS_PROVA = {
+	sustentada: "Sustentada",
+	refutada: "Refutada",
+	"nao-da-para-afirmar": "Não dá para afirmar",
+	pendente: "Pendente",
+	"sem-dado": "Sem dado",
+	"nao-testada": "Não testada"
+};
+const SERIF = "Georgia, \"Times New Roman\", serif";
+const SANS = "system-ui, \"Helvetica Neue\", Arial, sans-serif";
+const MONO = "ui-monospace, \"SFMono-Regular\", Menlo, monospace";
+const HAND = "\"Comic Neue\", \"Segoe Print\", cursive";
+const f = (family, fallback) => `"${family}", ${fallback}`;
+const PLEX_MONO = "IBM Plex Mono:wght@400;500";
+const dashboard = {
+	name: "dashboard",
+	label: "Dashboard editorial",
+	referencia: "Painéis de pesquisa: cartões, estado de prova em pílula, gráfico sóbrio; inspirado em painéis da plataforma Fakhir",
+	fontes: {
+		titulo: f("Source Serif 4", SERIF),
+		corpo: f("IBM Plex Sans", SANS),
+		numero: f("IBM Plex Sans", SANS),
+		rotulo: f("IBM Plex Sans", SANS),
+		anotacao: f("Source Serif 4", SERIF),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: [
+		"Source Serif 4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400",
+		"IBM Plex Sans:ital,wght@0,400;0,500;0,600;0,700;1,400",
+		PLEX_MONO
+	],
+	cor: {
+		papel: "#f7f4ee",
+		tinta: "#1c1a17",
+		tinta2: "#3d3933",
+		tinta3: "#5f594f",
+		linha: "#d6cfc2",
+		destaque: "#1c1a17",
+		destaque2: "#9a4f2a",
+		marcaTexto: "#f3e6cf",
+		contexto: "#8f877a",
+		prova: {
+			sustentada: "#3d6b1f",
+			refutada: "#a3302a",
+			"nao-da-para-afirmar": "#8a5a0f",
+			pendente: "#8a5a0f",
+			"sem-dado": "#5f594f",
+			"nao-testada": "#5f594f"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .25,
+		tremor: 0,
+		hachura: "simples"
+	},
+	grafico: "limpo",
+	marcaProva: "pilula",
+	raio: 1.6,
+	caixaAlta: false,
+	pb: {},
+	estrutura: {
+		painel: "nenhum",
+		rotulo: "letra",
+		rotuloCaixa: "alta",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false
+	}
+};
+const graficos1900 = {
+	name: "graficos-1900",
+	label: "Gráficos de exposição (1900)",
+	referencia: "Pranchas estatísticas de exposição universal: letreiro à mão, cores chapadas, papel pardo; inspirado em W. E. B. Du Bois (pranchas para a Exposição de Paris de 1900)",
+	fontes: {
+		titulo: f("Rubik Mono One", SANS),
+		corpo: f("Literata", SERIF),
+		numero: f("Rubik Mono One", SANS),
+		rotulo: f("Patrick Hand SC", HAND),
+		anotacao: f("Patrick Hand SC", HAND),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: [
+		"Rubik Mono One",
+		"Literata:ital,opsz,wght@0,7..72,400;0,7..72,600;1,7..72,400",
+		"Patrick Hand SC",
+		PLEX_MONO
+	],
+	cor: {
+		papel: "#eadfc8",
+		tinta: "#1d1a16",
+		tinta2: "#342e27",
+		tinta3: "#564a3d",
+		linha: "#1d1a16",
+		destaque: "#c23b2e",
+		destaque2: "#c98a2b",
+		marcaTexto: "#dcc690",
+		contexto: "#7a5a3e",
+		prova: {
+			sustentada: "#3e6a48",
+			refutada: "#a8342a",
+			"nao-da-para-afirmar": "#6f4a2e",
+			pendente: "#6f4a2e",
+			"sem-dado": "#1d1a16",
+			"nao-testada": "#1d1a16"
+		}
+	},
+	papel: {
+		textura: "fibra",
+		intensidade: .55
+	},
+	traco: {
+		largura: .45,
+		tremor: .7,
+		hachura: "nenhuma"
+	},
+	grafico: "mao",
+	marcaProva: "carimbo",
+	raio: 0,
+	caixaAlta: true,
+	pb: {
+		destaque: "#3a3a3a",
+		destaque2: "#9a9a9a"
+	},
+	estrutura: {
+		painel: "caixa-grossa",
+		rotulo: "letra",
+		rotuloCaixa: "versalete",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		forma: "ziguezague",
+		tituloEstilo: "centro"
+	}
+};
+const cartaoPostal = {
+	name: "cartao-postal",
+	label: "Cartão-postal desenhado à mão",
+	referencia: "Cartões-postais de dados desenhados à mão: um ponto por registro, legenda à mão; inspirado em Dear Data (Giorgia Lupi e Stefanie Posavec, 2016)",
+	fontes: {
+		titulo: f("Newsreader", SERIF),
+		corpo: f("Newsreader", SERIF),
+		numero: f("Caveat", HAND),
+		rotulo: f("Caveat", HAND),
+		anotacao: f("Caveat", HAND),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: [
+		"Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,600;1,6..72,300;1,6..72,400",
+		"Caveat:wght@400;600",
+		PLEX_MONO
+	],
+	cor: {
+		papel: "#fbf9f3",
+		tinta: "#24211e",
+		tinta2: "#45413c",
+		tinta3: "#625e58",
+		linha: "#3a3632",
+		destaque: "#3d3fa0",
+		destaque2: "#c9462b",
+		marcaTexto: "#f1e7c4",
+		contexto: "#9a958c",
+		prova: {
+			sustentada: "#3d3fa0",
+			refutada: "#b53d25",
+			"nao-da-para-afirmar": "#24211e",
+			pendente: "#45413c",
+			"sem-dado": "#24211e",
+			"nao-testada": "#24211e"
+		}
+	},
+	papel: {
+		textura: "grao",
+		intensidade: .35
+	},
+	traco: {
+		largura: .3,
+		tremor: 1,
+		hachura: "nenhuma"
+	},
+	grafico: "pontos",
+	marcaProva: "circulo",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		destaque: "#1a1a1a",
+		destaque2: "#8a8a8a"
+	},
+	estrutura: {
+		painel: "caixa",
+		rotulo: "parenteses",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		forma: "eixo-central"
+	}
+};
+const caderno = {
+	name: "caderno",
+	label: "Caderno de campo",
+	referencia: "Caderno pautado de pesquisa: lápis, hachura cruzada, caneta vermelha e marca-texto",
+	fontes: {
+		titulo: f("Source Serif 4", SERIF),
+		corpo: f("Source Serif 4", SERIF),
+		numero: f("Kalam", HAND),
+		rotulo: f("Kalam", HAND),
+		anotacao: f("Gochi Hand", HAND),
+		mono: f("Courier Prime", MONO)
+	},
+	googleFonts: [
+		"Source Serif 4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400",
+		"Kalam:wght@400;700",
+		"Gochi Hand",
+		"Courier Prime:wght@400;700"
+	],
+	cor: {
+		papel: "#f7f2e4",
+		tinta: "#2b2b2b",
+		tinta2: "#454545",
+		tinta3: "#625d54",
+		linha: "#474747",
+		destaque: "#2b2b2b",
+		destaque2: "#b8322a",
+		marcaTexto: "#fff45c",
+		contexto: "#6b665c",
+		prova: {
+			sustentada: "#2b2b2b",
+			refutada: "#b0302a",
+			"nao-da-para-afirmar": "#2b2b2b",
+			pendente: "#625d54",
+			"sem-dado": "#454545",
+			"nao-testada": "#454545"
+		}
+	},
+	papel: {
+		textura: "pauta",
+		intensidade: .6
+	},
+	traco: {
+		largura: .3,
+		tremor: 1.2,
+		hachura: "cruzada"
+	},
+	grafico: "mao",
+	marcaProva: "circulo",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		destaque2: "#3a3a3a",
+		marcaTexto: "#dddddd"
+	},
+	estrutura: {
+		painel: "caixa",
+		rotulo: "parenteses",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		forma: "colunas",
+		chamadas: "manuscritas",
+		multiplos: "lado-a-lado",
+		tituloEstilo: "sublinhado",
+		numerosMarcados: true
+	}
+};
+const isotype = {
+	name: "isotype",
+	label: "Isotype",
+	referencia: "Estatística em pictogramas (Viena, 1925-1934): um ícone = uma quantidade fixa; inspirado em Otto e Marie Neurath e Gerd Arntz",
+	fontes: {
+		titulo: f("Jost", SANS),
+		corpo: f("Jost", SANS),
+		numero: f("Jost", SANS),
+		rotulo: f("Jost", SANS),
+		anotacao: f("Jost", SANS),
+		mono: f("Jost", SANS)
+	},
+	googleFonts: ["Jost:ital,wght@0,400;0,500;0,600;0,700;1,400"],
+	cor: {
+		papel: "#f3eee2",
+		tinta: "#1c1b19",
+		tinta2: "#383632",
+		tinta3: "#5f5a50",
+		linha: "#1c1b19",
+		destaque: "#1c1b19",
+		destaque2: "#c73a2c",
+		marcaTexto: "#e4dcc8",
+		contexto: "#8a8577",
+		prova: {
+			sustentada: "#1c1b19",
+			refutada: "#b3342a",
+			"nao-da-para-afirmar": "#1c1b19",
+			pendente: "#383632",
+			"sem-dado": "#5f5a50",
+			"nao-testada": "#1c1b19"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .5,
+		tremor: 0,
+		hachura: "simples"
+	},
+	grafico: "isotype",
+	marcaProva: "barra",
+	raio: 0,
+	caixaAlta: false,
+	pb: { destaque2: "#8c8c8c" },
+	estrutura: {
+		painel: "fio-grosso",
+		rotulo: "quadrado",
+		rotuloCaixa: "alta",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false
+	}
+};
+const cordel = {
+	name: "cordel",
+	label: "Cordel",
+	referencia: "Xilogravura de cordel: papel pardo, goiva, letreiro em laje; inspirado em J. Borges e Gilvan Samico",
+	fontes: {
+		titulo: f("Alfa Slab One", SERIF),
+		corpo: f("Alegreya", SERIF),
+		numero: f("Alfa Slab One", SERIF),
+		rotulo: f("Alegreya SC", SERIF),
+		anotacao: f("Alegreya", SERIF),
+		mono: f("Courier Prime", MONO)
+	},
+	googleFonts: [
+		"Alfa Slab One",
+		"Alegreya:ital,wght@0,400;0,500;0,700;1,400",
+		"Alegreya SC:wght@500;700",
+		"Courier Prime"
+	],
+	cor: {
+		papel: "#dcc79c",
+		tinta: "#15110d",
+		tinta2: "#2c2219",
+		tinta3: "#4a3a29",
+		linha: "#15110d",
+		destaque: "#15110d",
+		destaque2: "#15110d",
+		marcaTexto: "#c9ae78",
+		contexto: "#5a4632",
+		prova: {
+			sustentada: "#15110d",
+			refutada: "#15110d",
+			"nao-da-para-afirmar": "#15110d",
+			pendente: "#2c2219",
+			"sem-dado": "#15110d",
+			"nao-testada": "#15110d"
+		}
+	},
+	papel: {
+		textura: "fibra",
+		intensidade: .8
+	},
+	traco: {
+		largura: .6,
+		tremor: .9,
+		hachura: "goiva"
+	},
+	grafico: "gravura",
+	marcaProva: "carimbo",
+	raio: 0,
+	caixaAlta: false,
+	pb: {},
+	estrutura: {
+		painel: "caixa-grossa",
+		rotulo: "quadrado",
+		rotuloCaixa: "versalete",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		emblema: "casa"
+	},
+	logo: "mono"
+};
+const riso = {
+	name: "riso",
+	label: "Risografia",
+	referencia: "Impressão em risógrafo a duas tintas (azul e rosa fluorescente): grão, meio-tom e registro solto",
+	fontes: {
+		titulo: f("Bricolage Grotesque", SANS),
+		corpo: f("Archivo", SANS),
+		numero: f("Bricolage Grotesque", SANS),
+		rotulo: f("Archivo", SANS),
+		anotacao: f("Space Mono", MONO),
+		mono: f("Space Mono", MONO)
+	},
+	googleFonts: [
+		"Bricolage Grotesque:opsz,wdth,wght@12..96,75..100,400..800",
+		"Archivo:ital,wdth,wght@0,62..125,400;0,62..125,600;1,62..125,400",
+		"Space Mono"
+	],
+	cor: {
+		papel: "#f5f1e8",
+		tinta: "#3d3fa0",
+		tinta2: "#3d3fa0",
+		tinta3: "#4f51a3",
+		linha: "#3d3fa0",
+		destaque: "#3d3fa0",
+		destaque2: "#ff48b0",
+		marcaTexto: "#ffd3ea",
+		contexto: "#9a8fc4",
+		prova: {
+			sustentada: "#3d3fa0",
+			refutada: "#c8187a",
+			"nao-da-para-afirmar": "#3d3fa0",
+			pendente: "#3d3fa0",
+			"sem-dado": "#3d3fa0",
+			"nao-testada": "#3d3fa0"
+		}
+	},
+	papel: {
+		textura: "grao",
+		intensidade: .6
+	},
+	traco: {
+		largura: .5,
+		tremor: 0,
+		hachura: "pontilhada"
+	},
+	grafico: "riso",
+	marcaProva: "barra",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		tinta: "#1a1a1a",
+		tinta2: "#1a1a1a",
+		tinta3: "#3a3a3a",
+		linha: "#1a1a1a",
+		destaque: "#1a1a1a",
+		destaque2: "#8a8a8a"
+	},
+	estrutura: {
+		painel: "caixa",
+		rotulo: "circulo",
+		rotuloCaixa: "alta",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		fundoPainel: "pontilhado",
+		veredito: "bloco-cor"
+	},
+	logo: "mono"
+};
+const jornal = {
+	name: "jornal",
+	label: "Editorial de jornal",
+	referencia: "Gráficos editoriais de jornal: serifa no texto, grotesca nos números, um acento; inspirado em gráficos do NYT The Upshot (Amanda Cox, Kevin Quealy), do The Pudding e da Folha de S.Paulo",
+	fontes: {
+		titulo: f("Newsreader", SERIF),
+		corpo: f("Newsreader", SERIF),
+		numero: f("Libre Franklin", SANS),
+		rotulo: f("Libre Franklin", SANS),
+		anotacao: f("Newsreader", SERIF),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: [
+		"Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500",
+		"Libre Franklin:ital,wght@0,400;0,500;0,600;0,700;1,400",
+		PLEX_MONO
+	],
+	cor: {
+		papel: "#fdfcfa",
+		tinta: "#121212",
+		tinta2: "#3d3d3d",
+		tinta3: "#636363",
+		linha: "#cfcfcf",
+		destaque: "#c8431f",
+		destaque2: "#121212",
+		marcaTexto: "#f7e4db",
+		contexto: "#b0b0b0",
+		prova: {
+			sustentada: "#121212",
+			refutada: "#b83c1b",
+			"nao-da-para-afirmar": "#121212",
+			pendente: "#636363",
+			"sem-dado": "#636363",
+			"nao-testada": "#636363"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .25,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "pilula",
+	raio: 3,
+	caixaAlta: false,
+	pb: { destaque: "#121212" },
+	estrutura: {
+		painel: "fio",
+		rotulo: "letra",
+		rotuloCaixa: "alta",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false
+	}
+};
+const prancheta = {
+	name: "prancheta",
+	label: "Prancheta (cianotipia)",
+	referencia: "Desenho técnico em cópia heliográfica: papel azul, milimetrado, cotas e letreiro normógrafo",
+	fontes: {
+		titulo: f("Share Tech Mono", MONO),
+		corpo: f("IBM Plex Sans Condensed", SANS),
+		numero: f("Share Tech Mono", MONO),
+		rotulo: f("Share Tech Mono", MONO),
+		anotacao: f("IBM Plex Sans Condensed", SANS),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: [
+		"Share Tech Mono",
+		"IBM Plex Sans Condensed:ital,wght@0,400;0,500;1,400",
+		PLEX_MONO
+	],
+	cor: {
+		papel: "#1d4b8f",
+		tinta: "#f6f4ea",
+		tinta2: "#e2dfd3",
+		tinta3: "#d9d6c8",
+		linha: "#f6f4ea",
+		destaque: "#f6f4ea",
+		destaque2: "#ece9dc",
+		marcaTexto: "#4d5d78",
+		contexto: "#c9c5b5",
+		prova: {
+			sustentada: "#f6f4ea",
+			refutada: "#f6f4ea",
+			"nao-da-para-afirmar": "#f6f4ea",
+			pendente: "#e2dfd3",
+			"sem-dado": "#e2dfd3",
+			"nao-testada": "#e2dfd3"
+		}
+	},
+	papel: {
+		textura: "milimetrado",
+		intensidade: .7
+	},
+	traco: {
+		largura: .25,
+		tremor: 0,
+		hachura: "simples"
+	},
+	grafico: "prancheta",
+	marcaProva: "barra",
+	raio: 0,
+	caixaAlta: true,
+	pb: {
+		papel: "#ffffff",
+		tinta: "#111111",
+		tinta2: "#333333",
+		tinta3: "#555555",
+		linha: "#111111",
+		destaque: "#111111",
+		destaque2: "#444444",
+		marcaTexto: "#eeeeee",
+		contexto: "#9a9a9a",
+		prova: {
+			sustentada: "#111111",
+			refutada: "#111111",
+			"nao-da-para-afirmar": "#111111",
+			pendente: "#333333",
+			"sem-dado": "#333333",
+			"nao-testada": "#333333"
+		}
+	},
+	estrutura: {
+		painel: "prancha",
+		rotulo: "circulo",
+		rotuloCaixa: "alta",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false
+	},
+	logo: "mono"
+};
+const pranchetaClara = {
+	...prancheta,
+	name: "prancheta-clara",
+	label: "Prancheta clara",
+	referencia: "Desenho técnico em papel vegetal claro: tinta azul, milimetrado, cotas e letreiro normógrafo",
+	cor: {
+		papel: "#f6f7f4",
+		tinta: "#1f4787",
+		tinta2: "#2f5390",
+		tinta3: "#4a669a",
+		linha: "#1f4787",
+		destaque: "#2e3192",
+		destaque2: "#2e3192",
+		marcaTexto: "#e2dfd3",
+		contexto: "#9aa3c4",
+		prova: {
+			sustentada: "#2e3192",
+			refutada: "#2e3192",
+			"nao-da-para-afirmar": "#2e3192",
+			pendente: "#2e3192",
+			"sem-dado": "#2e3192",
+			"nao-testada": "#2e3192"
+		}
+	},
+	papel: {
+		textura: "milimetrado",
+		intensidade: .6
+	},
+	pb: {
+		destaque: "#1a1a1a",
+		destaque2: "#1a1a1a"
+	}
+};
+const aquarela = {
+	name: "aquarela",
+	label: "Aquarela",
+	referencia: "Caderno de aquarela: papel de algodão, lavagens de índigo e siena com borda de pigmento, legenda à mão",
+	fontes: {
+		titulo: f("Cormorant Garamond", SERIF),
+		corpo: f("Crimson Pro", SERIF),
+		numero: f("Caveat", HAND),
+		rotulo: f("Caveat", HAND),
+		anotacao: f("Caveat", HAND),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: [
+		"Cormorant Garamond:ital,wght@0,500;0,600;1,500;1,600",
+		"Crimson Pro:ital,wght@0,400;0,500;0,600;1,400",
+		"Caveat:wght@500;700",
+		PLEX_MONO
+	],
+	cor: {
+		papel: "#fbf7ee",
+		tinta: "#2e2520",
+		tinta2: "#4a3d33",
+		tinta3: "#635446",
+		linha: "#2e2520",
+		destaque: "#5b5fa8",
+		destaque2: "#cf8448",
+		marcaTexto: "#efe0b0",
+		contexto: "#b8ab98",
+		prova: {
+			sustentada: "#3e6a48",
+			refutada: "#a4442a",
+			"nao-da-para-afirmar": "#7a5a1c",
+			pendente: "#7a5a1c",
+			"sem-dado": "#635446",
+			"nao-testada": "#635446"
+		}
+	},
+	papel: {
+		textura: "fibra",
+		intensidade: .6
+	},
+	traco: {
+		largura: .35,
+		tremor: .8,
+		hachura: "nenhuma"
+	},
+	grafico: "aquarela",
+	marcaProva: "barra",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		destaque: "#5a5a5a",
+		destaque2: "#b0b0b0"
+	},
+	estrutura: {
+		painel: "caixa",
+		rotulo: "parenteses",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		forma: "colunas",
+		multiplos: "lado-a-lado",
+		tituloEstilo: "italico"
+	}
+};
+const minimoDeTinta = {
+	name: "minimo-de-tinta",
+	label: "Mínimo de tinta",
+	referencia: "Pouca tinta, notas na margem, pequenos múltiplos, moldura de amplitude; inspirado em Edward Tufte (The Visual Display of Quantitative Information, Beautiful Evidence)",
+	fontes: {
+		titulo: f("EB Garamond", SERIF),
+		corpo: f("EB Garamond", SERIF),
+		numero: f("EB Garamond", SERIF),
+		rotulo: f("EB Garamond", SERIF),
+		anotacao: f("EB Garamond", SERIF),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: ["EB Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500", PLEX_MONO],
+	cor: {
+		papel: "#fffff8",
+		tinta: "#111111",
+		tinta2: "#333333",
+		tinta3: "#575757",
+		linha: "#bdbdb5",
+		destaque: "#a3261c",
+		destaque2: "#111111",
+		marcaTexto: "#f3efd6",
+		contexto: "#a6a6a0",
+		prova: {
+			sustentada: "#111111",
+			refutada: "#a3261c",
+			"nao-da-para-afirmar": "#333333",
+			pendente: "#575757",
+			"sem-dado": "#575757",
+			"nao-testada": "#575757"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .15,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "etiqueta",
+	raio: 0,
+	caixaAlta: false,
+	pb: { destaque: "#111111" },
+	estrutura: {
+		painel: "nenhum",
+		rotulo: "letra",
+		rotuloCaixa: "versalete",
+		notas: "margem",
+		figura: "amplitude",
+		minusculas: false,
+		forma: "colunas",
+		colunasFinas: true,
+		linhaCorte: "tracejada",
+		tituloEstilo: "italico"
+	}
+};
+const suico = {
+	name: "suico",
+	label: "Estilo Suíço",
+	referencia: "Estilo tipográfico internacional: grade rígida, grotesca, assimetria, um vermelho; inspirado em Josef Müller-Brockmann (Grid Systems, 1981)",
+	fontes: {
+		titulo: f("Archivo", SANS),
+		corpo: f("Archivo", SANS),
+		numero: f("Archivo", SANS),
+		rotulo: f("Archivo", SANS),
+		anotacao: f("Archivo", SANS),
+		mono: f("IBM Plex Mono", MONO)
+	},
+	googleFonts: ["Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400", PLEX_MONO],
+	cor: {
+		papel: "#fbfbf9",
+		tinta: "#0d0d0d",
+		tinta2: "#2e2e2e",
+		tinta3: "#595959",
+		linha: "#0d0d0d",
+		destaque: "#0d0d0d",
+		destaque2: "#e0261b",
+		marcaTexto: "#f9d7d2",
+		contexto: "#b5b5b0",
+		prova: {
+			sustentada: "#0d0d0d",
+			refutada: "#c8150b",
+			"nao-da-para-afirmar": "#0d0d0d",
+			pendente: "#595959",
+			"sem-dado": "#595959",
+			"nao-testada": "#595959"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .35,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "barra",
+	raio: 0,
+	caixaAlta: false,
+	pb: { destaque2: "#8a8a8a" },
+	estrutura: {
+		painel: "fio-grosso",
+		rotulo: "letra",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		tituloEstilo: "coluna3"
+	}
+};
+const concretismo = {
+	name: "concretismo",
+	label: "Concretismo",
+	referencia: "Design concreto brasileiro (anos 1950-60): geometria, grotesca em caixa-baixa, preto, vermelho e ultramar; inspirado em Alexandre Wollner, Aloísio Magalhães e na ESDI",
+	fontes: {
+		titulo: f("Barlow", SANS),
+		corpo: f("Barlow", SANS),
+		numero: f("Barlow", SANS),
+		rotulo: f("Barlow Condensed", SANS),
+		anotacao: f("Barlow", SANS),
+		mono: f("Barlow Condensed", SANS)
+	},
+	googleFonts: ["Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400", "Barlow Condensed:wght@500;600"],
+	cor: {
+		papel: "#f3efe6",
+		tinta: "#141414",
+		tinta2: "#2b2b2b",
+		tinta3: "#57534c",
+		linha: "#141414",
+		destaque: "#d7372a",
+		destaque2: "#3d3fa0",
+		marcaTexto: "#f3d3cc",
+		contexto: "#c9c3b6",
+		prova: {
+			sustentada: "#141414",
+			refutada: "#b82e22",
+			"nao-da-para-afirmar": "#3d3fa0",
+			pendente: "#57534c",
+			"sem-dado": "#57534c",
+			"nao-testada": "#57534c"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .7,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "etiqueta",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		destaque: "#141414",
+		destaque2: "#8a8a8a"
+	},
+	estrutura: {
+		painel: "fio-grosso",
+		rotulo: "quadrado",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: true,
+		forma: "eixo-central",
+		emblema: "circulo-bicolor",
+		veredito: "bloco-escuro",
+		costura: "barra"
+	}
+};
+const semanario = {
+	name: "semanario",
+	label: "Semanário de economia",
+	referencia: "Gráficos de revista semanal de economia: barra vermelha no topo, título curto, grotesca condensada, grade só horizontal; inspirado em gráficos da revista The Economist",
+	fontes: {
+		titulo: f("Source Serif 4", SERIF),
+		corpo: f("Source Serif 4", SERIF),
+		numero: f("Fira Sans Condensed", SANS),
+		rotulo: f("Fira Sans Condensed", SANS),
+		anotacao: f("Fira Sans Condensed", SANS),
+		mono: f("Fira Sans Condensed", SANS)
+	},
+	googleFonts: ["Fira Sans Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400", "Source Serif 4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400"],
+	cor: {
+		papel: "#ffffff",
+		tinta: "#121212",
+		tinta2: "#333333",
+		tinta3: "#595959",
+		linha: "#b7c6cf",
+		destaque: "#3a4aa0",
+		destaque2: "#b0bee0",
+		marcaTexto: "#fbdcd8",
+		contexto: "#b7c6cf",
+		prova: {
+			sustentada: "#3a4aa0",
+			refutada: "#d7110a",
+			"nao-da-para-afirmar": "#3a4aa0",
+			pendente: "#595959",
+			"sem-dado": "#595959",
+			"nao-testada": "#595959"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .3,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "barra",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		destaque: "#121212",
+		destaque2: "#9a9a9a"
+	},
+	estrutura: {
+		painel: "fio",
+		rotulo: "quadrado",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "barra-topo",
+		minusculas: false,
+		multiplos: "lado-a-lado"
+	}
+};
+const infograficoIlustrado = {
+	name: "infografico-ilustrado",
+	label: "Infográfico ilustrado",
+	referencia: "Infografia explicativa: pictogramas, cantos redondos, balão de fala, cores amigáveis; inspirado em Nigel Holmes (Time, Wordless Diagrams)",
+	fontes: {
+		titulo: f("Rubik", SANS),
+		corpo: f("Nunito Sans", SANS),
+		numero: f("Rubik", SANS),
+		rotulo: f("Rubik", SANS),
+		anotacao: f("Nunito Sans", SANS),
+		mono: f("Nunito Sans", SANS)
+	},
+	googleFonts: ["Rubik:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400", "Nunito Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400"],
+	cor: {
+		papel: "#fbf6ea",
+		tinta: "#22303c",
+		tinta2: "#34424e",
+		tinta3: "#56606a",
+		linha: "#22303c",
+		destaque: "#e0603f",
+		destaque2: "#2b8a86",
+		marcaTexto: "#f6e1ad",
+		contexto: "#d9cfbb",
+		prova: {
+			sustentada: "#1f6f6b",
+			refutada: "#b8401f",
+			"nao-da-para-afirmar": "#22303c",
+			pendente: "#56606a",
+			"sem-dado": "#56606a",
+			"nao-testada": "#56606a"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .5,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "isotype",
+	marcaProva: "pilula",
+	raio: 2.4,
+	caixaAlta: false,
+	pb: {
+		destaque: "#2a2a2a",
+		destaque2: "#8a8a8a"
+	},
+	estrutura: {
+		painel: "cartao",
+		rotulo: "circulo",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		forma: "predios",
+		linhaCorte: "tracejada",
+		chamadas: "baloes",
+		multiplos: "lado-a-lado",
+		emblema: "predios"
+	}
+};
+const diagramaModernista = {
+	name: "diagrama-modernista",
+	label: "Diagrama modernista",
+	referencia: "Atlas modernista: blocos de cor chapada, sans geométrica em caixa-baixa; inspirado em Herbert Bayer (World Geo-Graphic Atlas, 1953)",
+	fontes: {
+		titulo: f("League Spartan", SANS),
+		corpo: f("Jost", SANS),
+		numero: f("League Spartan", SANS),
+		rotulo: f("League Spartan", SANS),
+		anotacao: f("Jost", SANS),
+		mono: f("Jost", SANS)
+	},
+	googleFonts: ["League Spartan:wght@400;500;600;700", "Jost:ital,wght@0,400;0,500;0,600;1,400"],
+	cor: {
+		papel: "#f1ece0",
+		tinta: "#1b1a17",
+		tinta2: "#36342f",
+		tinta3: "#5c574d",
+		linha: "#1b1a17",
+		destaque: "#c0512d",
+		destaque2: "#5a5f93",
+		marcaTexto: "#ecd8a8",
+		contexto: "#cbc2ae",
+		prova: {
+			sustentada: "#56602a",
+			refutada: "#a8401f",
+			"nao-da-para-afirmar": "#1b1a17",
+			pendente: "#5c574d",
+			"sem-dado": "#5c574d",
+			"nao-testada": "#5c574d"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .4,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "ponto",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		destaque: "#2a2a2a",
+		destaque2: "#8a8a8a"
+	},
+	estrutura: {
+		painel: "bloco",
+		rotulo: "circulo",
+		rotuloCaixa: "normal",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: true,
+		forma: "colunas",
+		linhaCorte: "cheia",
+		marcador: "circulo",
+		multiplos: "lado-a-lado",
+		fundoPainel: "alternado",
+		moldura: "quartos",
+		manchete: "texto"
+	}
+};
+const papelSalmao = {
+	name: "papel-salmao",
+	label: "Papel salmão",
+	referencia: "Gráficos de jornal financeiro em papel salmão: serifa editorial no título, grotesca nos rótulos, clarete e azul; inspirado em gráficos do Financial Times",
+	fontes: {
+		titulo: f("DM Serif Display", SERIF),
+		corpo: f("Gelasio", SERIF),
+		numero: f("Hanken Grotesk", SANS),
+		rotulo: f("Hanken Grotesk", SANS),
+		anotacao: f("Hanken Grotesk", SANS),
+		mono: f("Hanken Grotesk", SANS)
+	},
+	googleFonts: [
+		"DM Serif Display:ital@0;1",
+		"Gelasio:ital,wght@0,400;0,500;0,600;1,400",
+		"Hanken Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400"
+	],
+	cor: {
+		papel: "#fff1e5",
+		tinta: "#33302e",
+		tinta2: "#4a4543",
+		tinta3: "#625c58",
+		linha: "#e3d2c3",
+		destaque: "#3a4aa0",
+		destaque2: "#b0bee0",
+		marcaTexto: "#f2dfce",
+		contexto: "#c9bcb0",
+		prova: {
+			sustentada: "#3a4aa0",
+			refutada: "#990f3d",
+			"nao-da-para-afirmar": "#33302e",
+			pendente: "#625c58",
+			"sem-dado": "#625c58",
+			"nao-testada": "#625c58"
+		}
+	},
+	papel: {
+		textura: "nenhuma",
+		intensidade: 0
+	},
+	traco: {
+		largura: .3,
+		tremor: 0,
+		hachura: "nenhuma"
+	},
+	grafico: "limpo",
+	marcaProva: "etiqueta",
+	raio: 0,
+	caixaAlta: false,
+	pb: {
+		papel: "#ffffff",
+		destaque: "#1a1a1a",
+		destaque2: "#a0a0a0"
+	},
+	estrutura: {
+		painel: "fio",
+		rotulo: "letra",
+		rotuloCaixa: "alta",
+		notas: "dentro",
+		figura: "simples",
+		minusculas: false,
+		forma: "colunas",
+		chamadas: "guia",
+		multiplos: "lado-a-lado"
+	}
+};
+const cinzas = (a, b = a) => ({
+	pendente: a,
+	"sem-dado": b,
+	"nao-testada": b
+});
+/** The 39 book styles, by name. */
+const printPresets = {
+	dashboard,
+	"graficos-1900": graficos1900,
+	"cartao-postal": cartaoPostal,
+	caderno,
+	isotype,
+	cordel,
+	riso,
+	jornal,
+	prancheta,
+	"prancheta-clara": pranchetaClara,
+	aquarela,
+	"minimo-de-tinta": minimoDeTinta,
+	suico,
+	concretismo,
+	semanario,
+	"infografico-ilustrado": infograficoIlustrado,
+	"diagrama-modernista": diagramaModernista,
+	"papel-salmao": papelSalmao,
+	"dados-br": {
+		name: "dados-br",
+		label: "Dados à brasileira",
+		referencia: "Jornalismo de dados brasileiro: grotesca pesada, serifa no texto, vermelho só no lado que importa; inspirado em Núcleo, Folha, Estadão e Agência Pública",
+		fontes: {
+			titulo: f("Libre Franklin", SANS),
+			corpo: f("Source Serif 4", SERIF),
+			numero: f("Libre Franklin", SANS),
+			rotulo: f("Libre Franklin", SANS),
+			anotacao: f("Source Serif 4", SERIF),
+			mono: f("IBM Plex Mono", MONO)
+		},
+		googleFonts: [
+			"Libre Franklin:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400",
+			"Source Serif 4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400",
+			PLEX_MONO
+		],
+		cor: {
+			papel: "#fbfaf6",
+			tinta: "#1f1e1c",
+			tinta2: "#3d3a36",
+			tinta3: "#625d56",
+			linha: "#dcd8cf",
+			destaque: "#c4553a",
+			destaque2: "#b5afa4",
+			marcaTexto: "#f3efe6",
+			contexto: "#b5afa4",
+			prova: {
+				sustentada: "#1f1e1c",
+				refutada: "#b24a31",
+				"nao-da-para-afirmar": "#1f1e1c",
+				...cinzas("#625d56")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: .8,
+		caixaAlta: false,
+		pb: { destaque: "#1f1e1c" },
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			notasFigura: "coluna",
+			manchete: "texto"
+		}
+	},
+	"fluxo-historico": {
+		name: "fluxo-historico",
+		label: "Fluxo histórico (séc. XIX)",
+		referencia: "Cartas figurativas do século XIX: papel envelhecido, tinta sépia, filete duplo, versaletes; inspirado em Charles Joseph Minard e Florence Nightingale",
+		fontes: {
+			titulo: f("IM Fell English", SERIF),
+			corpo: f("Old Standard TT", SERIF),
+			numero: f("Old Standard TT", SERIF),
+			rotulo: f("IM Fell English SC", SERIF),
+			anotacao: f("IM Fell English", SERIF),
+			mono: f("Old Standard TT", SERIF)
+		},
+		googleFonts: [
+			"IM Fell English:ital@0;1",
+			"IM Fell English SC",
+			"Old Standard TT:ital,wght@0,400;0,700;1,400"
+		],
+		cor: {
+			papel: "#efe3c6",
+			tinta: "#3b2a1a",
+			tinta2: "#4f3d2a",
+			tinta3: "#5e4a36",
+			linha: "#b89d78",
+			destaque: "#caa472",
+			destaque2: "#3b2a1a",
+			marcaTexto: "#e6d5ae",
+			contexto: "#b89d78",
+			prova: {
+				sustentada: "#3b2a1a",
+				refutada: "#8f4431",
+				"nao-da-para-afirmar": "#3b2a1a",
+				...cinzas("#5e4a36")
+			}
+		},
+		papel: {
+			textura: "fibra",
+			intensidade: .35
+		},
+		traco: {
+			largura: .25,
+			tremor: 0,
+			hachura: "pontilhada"
+		},
+		grafico: "limpo",
+		marcaProva: "etiqueta",
+		raio: 0,
+		caixaAlta: false,
+		pb: { destaque: "#8a8a8a" },
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "versalete",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "dupla",
+			forma: "fluxo",
+			tituloEstilo: "centro-italico"
+		}
+	},
+	"blocos-coloridos": {
+		name: "blocos-coloridos",
+		label: "Blocos coloridos",
+		referencia: "Infografia em cartões de cores claras: colunas, números grandes, grotesca geométrica; inspirado em David McCandless (Information is Beautiful)",
+		fontes: {
+			titulo: f("Montserrat", SANS),
+			corpo: f("Lato", SANS),
+			numero: f("Montserrat", SANS),
+			rotulo: f("Montserrat", SANS),
+			anotacao: f("Lato", SANS),
+			mono: f("Lato", SANS)
+		},
+		googleFonts: ["Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500", "Lato:ital,wght@0,400;0,700;1,400"],
+		cor: {
+			papel: "#ffffff",
+			tinta: "#2b2b2b",
+			tinta2: "#444444",
+			tinta3: "#6b6b76",
+			linha: "#e4e4ea",
+			destaque: "#f0506e",
+			destaque2: "#7b5ea7",
+			marcaTexto: "#ffe9cf",
+			contexto: "#d3d3cf",
+			prova: {
+				sustentada: "#2b2b2b",
+				refutada: "#c93a58",
+				"nao-da-para-afirmar": "#b8561a",
+				...cinzas("#6b6b76")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 1.6,
+		caixaAlta: false,
+		pb: {
+			destaque: "#2b2b2b",
+			destaque2: "#9a9a9a"
+		},
+		estrutura: {
+			painel: "cartao",
+			rotulo: "quadrado",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			barras: "vertical",
+			corRotulo: "tinta",
+			forma: "cartoes",
+			multiplos: "lado-a-lado",
+			veredito: "bloco-escuro",
+			fundoPainel: "alternado",
+			manchete: "texto"
+		}
+	},
+	construtivismo: {
+		name: "construtivismo",
+		label: "Construtivismo russo",
+		referencia: "Construtivismo soviético: vermelho e preto, diagonais, grotesca condensada em caixa-alta; inspirado em El Lissitzky, Rodchenko e os irmãos Stenberg",
+		fontes: {
+			titulo: f("Oswald", SANS),
+			corpo: f("PT Sans", SANS),
+			numero: f("Oswald", SANS),
+			rotulo: f("Oswald", SANS),
+			anotacao: f("PT Sans Narrow", SANS),
+			mono: f("PT Sans Narrow", SANS)
+		},
+		googleFonts: [
+			"Oswald:wght@400;500;600;700",
+			"PT Sans:ital,wght@0,400;0,700;1,400",
+			"PT Sans Narrow:wght@400;700"
+		],
+		cor: {
+			papel: "#efe6d2",
+			tinta: "#1a1714",
+			tinta2: "#2e2a25",
+			tinta3: "#5e564c",
+			linha: "#1a1714",
+			destaque: "#c8201e",
+			destaque2: "#1a1714",
+			marcaTexto: "#e3d6bb",
+			contexto: "#b9ad97",
+			prova: {
+				sustentada: "#1a1714",
+				refutada: "#b01c1a",
+				"nao-da-para-afirmar": "#1a1714",
+				...cinzas("#5e564c")
+			},
+			ornamento: ["#c8201e", "#1a1714"]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .4,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: true,
+		pb: { destaque: "#6a6a6a" },
+		estrutura: {
+			painel: "fio-grosso",
+			rotulo: "quadrado",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "diagonais",
+			corRotulo: "refutada",
+			tituloEstilo: "pesado",
+			costura: "bloco-escuro",
+			manchete: "diagonal"
+		}
+	},
+	bauhaus: {
+		name: "bauhaus",
+		label: "Bauhaus",
+		referencia: "Escola Bauhaus (1923–1930): triângulo, quadrado e círculo nas três primárias, sans geométrica em caixa-baixa; inspirado em Herbert Bayer e Joost Schmidt",
+		fontes: {
+			titulo: f("Jost", SANS),
+			corpo: f("Jost", SANS),
+			numero: f("Jost", SANS),
+			rotulo: f("Jost", SANS),
+			anotacao: f("Jost", SANS),
+			mono: f("Jost", SANS)
+		},
+		googleFonts: ["Jost:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400"],
+		cor: {
+			papel: "#f6f2e9",
+			tinta: "#141414",
+			tinta2: "#2e2d2b",
+			tinta3: "#5d5a55",
+			linha: "#141414",
+			destaque: "#d4372c",
+			destaque2: "#3a3f9e",
+			marcaTexto: "#ece21c",
+			contexto: "#cfc9bd",
+			prova: {
+				sustentada: "#141414",
+				refutada: "#b52d24",
+				"nao-da-para-afirmar": "#141414",
+				...cinzas("#5d5a55")
+			},
+			ornamento: [
+				"#ece21c",
+				"#d4372c",
+				"#3a3f9e"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .4,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "formas",
+		raio: 0,
+		caixaAlta: false,
+		pb: {
+			destaque: "#5a5a5a",
+			destaque2: "#a0a0a0",
+			marcaTexto: "#e0e0e0"
+		},
+		estrutura: {
+			painel: "fio-grosso",
+			rotulo: "circulo",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: true,
+			barras: "vertical",
+			moldura: "formas",
+			corRotulo: "marcaTexto",
+			multiplos: "lado-a-lado",
+			costura: "faixa",
+			manchete: "texto"
+		}
+	},
+	brutalista: {
+		name: "brutalista",
+		label: "Brutalista (dossiê)",
+		referencia: "Design brutalista de dossiê e formulário: mono em caixa-alta, campos numerados, faixas pretas, hachura, carimbo",
+		fontes: {
+			titulo: f("Space Mono", MONO),
+			corpo: f("IBM Plex Mono", MONO),
+			numero: f("Space Mono", MONO),
+			rotulo: f("Space Mono", MONO),
+			anotacao: f("IBM Plex Mono", MONO),
+			mono: f("IBM Plex Mono", MONO)
+		},
+		googleFonts: ["Space Mono:ital,wght@0,400;0,700;1,400", "IBM Plex Mono:ital,wght@0,400;0,500;0,600;0,700;1,400"],
+		cor: {
+			papel: "#ebeae5",
+			tinta: "#0d0d0d",
+			tinta2: "#2e2e2c",
+			tinta3: "#4d4d4a",
+			linha: "#0d0d0d",
+			destaque: "#0d0d0d",
+			destaque2: "#0d0d0d",
+			marcaTexto: "#d6d5cf",
+			contexto: "#9a9994",
+			prova: {
+				sustentada: "#0d0d0d",
+				refutada: "#0d0d0d",
+				"nao-da-para-afirmar": "#0d0d0d",
+				...cinzas("#2e2e2c", "#4d4d4a")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .35,
+			tremor: 0,
+			hachura: "simples"
+		},
+		grafico: "limpo",
+		marcaProva: "carimbo",
+		raio: 0,
+		caixaAlta: true,
+		pb: {},
+		estrutura: {
+			painel: "dossie",
+			rotulo: "letra",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false
+		}
+	},
+	divulgacao: {
+		name: "divulgacao",
+		label: "Revista de divulgação",
+		referencia: "Revistas de divulgação científica para jovens: cores vivas, cartões arredondados, balões, títulos pesados; inspirado em Ciência Hoje das Crianças e Superinteressante",
+		fontes: {
+			titulo: f("Archivo Black", SANS),
+			corpo: f("Nunito", SANS),
+			numero: f("Archivo Black", SANS),
+			rotulo: f("Nunito", SANS),
+			anotacao: f("Nunito", SANS),
+			mono: f("Nunito", SANS)
+		},
+		googleFonts: ["Archivo Black", "Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400"],
+		cor: {
+			papel: "#fffdf7",
+			tinta: "#1b1446",
+			tinta2: "#2a1d5c",
+			tinta3: "#5f5a7a",
+			linha: "#6a2c91",
+			destaque: "#f58220",
+			destaque2: "#6a2c91",
+			marcaTexto: "#fff4c2",
+			contexto: "#dcd3c4",
+			prova: {
+				sustentada: "#3d6b1f",
+				refutada: "#c4006a",
+				"nao-da-para-afirmar": "#b35a00",
+				...cinzas("#5f5a7a")
+			},
+			ornamento: [
+				"#e6007e",
+				"#f58220",
+				"#8cc63f",
+				"#6a2c91"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .35,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "pilula",
+		raio: 3,
+		caixaAlta: false,
+		pb: {
+			destaque: "#8a8a8a",
+			destaque2: "#2a2a2a"
+		},
+		estrutura: {
+			painel: "cartao",
+			rotulo: "circulo",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			barras: "vertical",
+			corRotulo: "destaque",
+			contornoBarra: true,
+			tituloEstilo: "normal",
+			forma: "colunas",
+			chamadas: "baloes",
+			multiplos: "lado-a-lado",
+			emblema: "lupa",
+			fundoPainel: "alternado",
+			costura: "selo",
+			manchete: "lupa"
+		}
+	},
+	"proporcao-modular": {
+		name: "proporcao-modular",
+		label: "Proporção modular",
+		referencia: "Proporções modulares e policromia arquitetônica: letras em estêncil, siena e verde, paredes de cor chapada; inspirado em Le Corbusier (policromia de 1931 e 1959)",
+		fontes: {
+			titulo: f("Stardos Stencil", SERIF),
+			corpo: f("Work Sans", SANS),
+			numero: f("Work Sans", SANS),
+			rotulo: f("Work Sans", SANS),
+			anotacao: f("Work Sans", SANS),
+			mono: f("Allerta Stencil", SANS)
+		},
+		googleFonts: [
+			"Stardos Stencil:wght@400;700",
+			"Work Sans:ital,wght@0,400;0,500;0,600;1,400",
+			"Allerta Stencil"
+		],
+		cor: {
+			papel: "#f7f2e8",
+			tinta: "#26221d",
+			tinta2: "#3c3630",
+			tinta3: "#6a6259",
+			linha: "#26221d",
+			destaque: "#9a4b33",
+			destaque2: "#2f5f45",
+			marcaTexto: "#e9dcc3",
+			contexto: "#d6cbb8",
+			prova: {
+				sustentada: "#2a5a40",
+				refutada: "#9a4b33",
+				"nao-da-para-afirmar": "#26221d",
+				...cinzas("#6a6259")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "etiqueta",
+		raio: 0,
+		caixaAlta: true,
+		pb: {
+			destaque: "#5a5a5a",
+			destaque2: "#a0a0a0"
+		},
+		estrutura: {
+			painel: "bloco",
+			rotulo: "quadrado",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			barras: "vertical",
+			corRotulo: "tinta",
+			multiplos: "lado-a-lado",
+			emblema: "figura-modular",
+			fundoPainel: "alternado",
+			costura: "barra",
+			manchete: "texto"
+		}
+	},
+	sinalizacao: {
+		name: "sinalizacao",
+		label: "Sinalização de aeroporto",
+		referencia: "Sinalização de aeroporto: faixas amarelas, setas, preto, grotesca legível à distância; inspirado em Benno Wissing e Total Design (aeroporto de Schiphol, 1967)",
+		fontes: {
+			titulo: f("Hind", SANS),
+			corpo: f("Hind", SANS),
+			numero: f("Hind", SANS),
+			rotulo: f("Hind", SANS),
+			anotacao: f("Hind", SANS),
+			mono: f("Hind", SANS)
+		},
+		googleFonts: ["Hind:wght@400;500;600;700"],
+		cor: {
+			papel: "#fbfbf8",
+			tinta: "#121212",
+			tinta2: "#2b2b2b",
+			tinta3: "#555553",
+			linha: "#121212",
+			destaque: "#121212",
+			destaque2: "#9d9d9d",
+			marcaTexto: "#fff200",
+			contexto: "#9d9d9d",
+			prova: {
+				sustentada: "#121212",
+				refutada: "#121212",
+				"nao-da-para-afirmar": "#121212",
+				...cinzas("#555553")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .35,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "pilula",
+		raio: 0,
+		caixaAlta: false,
+		pb: { marcaTexto: "#d9d9d9" },
+		estrutura: {
+			painel: "placa",
+			rotulo: "quadrado",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			cabeco: "etiqueta",
+			corRotulo: "tinta",
+			veredito: "bloco-escuro",
+			rastro: "placa",
+			manchete: "faixa"
+		}
+	},
+	pictogramas: {
+		name: "pictogramas",
+		label: "Pictogramas esportivos",
+		referencia: "Identidade de grande evento esportivo: pictogramas em grade, azul-claro, verde e laranja, sans de corpo leve; inspirado em Otl Aicher (Munique, 1972)",
+		fontes: {
+			titulo: f("Albert Sans", SANS),
+			corpo: f("Albert Sans", SANS),
+			numero: f("Albert Sans", SANS),
+			rotulo: f("Albert Sans", SANS),
+			anotacao: f("Albert Sans", SANS),
+			mono: f("Albert Sans", SANS)
+		},
+		googleFonts: ["Albert Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400"],
+		cor: {
+			papel: "#ffffff",
+			tinta: "#1f2a33",
+			tinta2: "#34414b",
+			tinta3: "#5f6b73",
+			linha: "#1f2a33",
+			destaque: "#f28c28",
+			destaque2: "#6b8e3a",
+			marcaTexto: "#d4e6e8",
+			contexto: "#b9bcc0",
+			prova: {
+				sustentada: "#2f5f45",
+				refutada: "#b35a0c",
+				"nao-da-para-afirmar": "#1f2a33",
+				...cinzas("#5f6b73")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "etiqueta",
+		raio: 0,
+		caixaAlta: false,
+		pb: {
+			destaque: "#8a8a8a",
+			destaque2: "#3a3a3a",
+			marcaTexto: "#d9d9d9"
+		},
+		estrutura: {
+			painel: "bloco",
+			rotulo: "quadrado",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			barras: "vertical",
+			corRotulo: "sustentada",
+			multiplos: "lado-a-lado",
+			emblema: "pictogramas",
+			fundoPainel: "claro",
+			manchete: "faixa"
+		}
+	},
+	"mapa-de-metro": {
+		name: "mapa-de-metro",
+		label: "Mapa de metrô",
+		referencia: "Manual e mapa de metrô: faixa preta no topo, círculos coloridos, grotesca neutra; inspirado em Massimo Vignelli (metrô de Nova York, Unimark, 1970–1972)",
+		fontes: {
+			titulo: f("Inter", SANS),
+			corpo: f("Inter", SANS),
+			numero: f("Inter", SANS),
+			rotulo: f("Inter", SANS),
+			anotacao: f("Inter", SANS),
+			mono: f("Inter", SANS)
+		},
+		googleFonts: ["Inter:wght@400;500;600;700"],
+		cor: {
+			papel: "#ffffff",
+			tinta: "#111111",
+			tinta2: "#2e2e2e",
+			tinta3: "#595959",
+			linha: "#111111",
+			destaque: "#ee352e",
+			destaque2: "#a7a9ac",
+			marcaTexto: "#ebebe6",
+			contexto: "#a7a9ac",
+			prova: {
+				sustentada: "#111111",
+				refutada: "#d6261f",
+				"nao-da-para-afirmar": "#111111",
+				...cinzas("#595959")
+			},
+			ornamento: [
+				"#ee352e",
+				"#ff6319",
+				"#b933ad",
+				"#996633"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "ponto",
+		raio: 0,
+		caixaAlta: false,
+		pb: { destaque: "#4a4a4a" },
+		estrutura: {
+			painel: "fio",
+			rotulo: "circulo",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			barras: "vertical",
+			cabeco: "faixa",
+			corRotulo: "tinta",
+			veredito: "bloco-escuro",
+			rastro: "metro",
+			manchete: "texto"
+		}
+	},
+	"jornal-1959": {
+		name: "jornal-1959",
+		label: "Jornal modernista (1959)",
+		referencia: "Reforma gráfica de jornal modernista: branco, preto e cinza, filetes, Bodoni no título, grade limpa; inspirado em Amilcar de Castro (reforma do Jornal do Brasil, 1956–1959)",
+		fontes: {
+			titulo: f("Libre Bodoni", SERIF),
+			corpo: f("PT Serif", SERIF),
+			numero: f("Libre Bodoni", SERIF),
+			rotulo: f("Libre Franklin", SANS),
+			anotacao: f("PT Serif", SERIF),
+			mono: f("Libre Franklin", SANS)
+		},
+		googleFonts: [
+			"Libre Bodoni:wght@400;700",
+			"PT Serif:ital,wght@0,400;0,700;1,400",
+			"Libre Franklin:wght@400;500;600;700"
+		],
+		cor: {
+			papel: "#fdfdfb",
+			tinta: "#111111",
+			tinta2: "#2b2b2b",
+			tinta3: "#595959",
+			linha: "#111111",
+			destaque: "#111111",
+			destaque2: "#a3a3a3",
+			marcaTexto: "#ececea",
+			contexto: "#a3a3a3",
+			prova: {
+				sustentada: "#111111",
+				refutada: "#111111",
+				"nao-da-para-afirmar": "#111111",
+				...cinzas("#595959")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .25,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: false,
+		pb: {},
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false
+		}
+	},
+	"azulejo-modernista": {
+		name: "azulejo-modernista",
+		label: "Azulejo modernista",
+		referencia: "Painéis de azulejo modernista: módulo azul e branco com semicírculos e quadrados, acento amarelo, geometria; inspirado em Athos Bulcão (Brasília)",
+		fontes: {
+			titulo: f("Jost", SANS),
+			corpo: f("Jost", SANS),
+			numero: f("Jost", SANS),
+			rotulo: f("Jost", SANS),
+			anotacao: f("Jost", SANS),
+			mono: f("Jost", SANS)
+		},
+		googleFonts: ["Jost:ital,wght@0,400;0,500;0,600;0,700;1,400"],
+		cor: {
+			papel: "#fbfaf5",
+			tinta: "#15171c",
+			tinta2: "#2b2e35",
+			tinta3: "#5f636b",
+			linha: "#3040b0",
+			destaque: "#3040b0",
+			destaque2: "#aab3de",
+			marcaTexto: "#f0efe8",
+			contexto: "#aab3de",
+			prova: {
+				sustentada: "#15171c",
+				refutada: "#3040b0",
+				"nao-da-para-afirmar": "#15171c",
+				...cinzas("#5f636b")
+			},
+			ornamento: [
+				"#3040b0",
+				"#fbfaf5",
+				"#f0b323"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: false,
+		pb: {
+			destaque: "#3a3a3a",
+			destaque2: "#b0b0b0"
+		},
+		estrutura: {
+			painel: "fio",
+			rotulo: "quadrado",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "azulejo",
+			corRotulo: "destaque"
+		}
+	},
+	tropicalia: {
+		name: "tropicalia",
+		label: "Tropicália",
+		referencia: "Capas e cartazes tropicalistas (1967–1969): ondas de cor, letreiro exuberante, laranja, roxo e magenta; inspirado em Rogério Duarte",
+		fontes: {
+			titulo: f("Shrikhand", SERIF),
+			corpo: f("Work Sans", SANS),
+			numero: f("Work Sans", SANS),
+			rotulo: f("Work Sans", SANS),
+			anotacao: f("Work Sans", SANS),
+			mono: f("Work Sans", SANS)
+		},
+		googleFonts: ["Shrikhand", "Work Sans:ital,wght@0,400;0,500;0,600;0,700;1,400"],
+		cor: {
+			papel: "#fff6e3",
+			tinta: "#1e1a24",
+			tinta2: "#332c3b",
+			tinta3: "#61586a",
+			linha: "#5b2a86",
+			destaque: "#5b2a86",
+			destaque2: "#ee8a1c",
+			marcaTexto: "#fde7c2",
+			contexto: "#ead9bf",
+			prova: {
+				sustentada: "#5b2a86",
+				refutada: "#c21f6e",
+				"nao-da-para-afirmar": "#1e1a24",
+				...cinzas("#61586a")
+			},
+			ornamento: [
+				"#e8601c",
+				"#d6247a",
+				"#5b2a86",
+				"#1f8a5b"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: false,
+		pb: {
+			destaque: "#2a2a2a",
+			destaque2: "#a0a0a0"
+		},
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "ondas",
+			tituloEstilo: "arcoiris"
+		}
+	},
+	"atlas-oficial": {
+		name: "atlas-oficial",
+		label: "Atlas oficial (cartografia)",
+		referencia: "Atlas oficiais: moldura cartográfica com régua alternada, hachura, terra e oliva, legenda de convenções; inspirado em atlas oficiais brasileiros (IBGE, Atlas Nacional)",
+		fontes: {
+			titulo: f("IBM Plex Sans Condensed", SANS),
+			corpo: f("IBM Plex Serif", SERIF),
+			numero: f("IBM Plex Sans Condensed", SANS),
+			rotulo: f("IBM Plex Sans Condensed", SANS),
+			anotacao: f("IBM Plex Serif", SERIF),
+			mono: f("IBM Plex Sans Condensed", SANS)
+		},
+		googleFonts: ["IBM Plex Sans Condensed:wght@400;500;600;700", "IBM Plex Serif:ital,wght@0,400;0,600;1,400"],
+		cor: {
+			papel: "#fbf8ef",
+			tinta: "#23231d",
+			tinta2: "#3a3a31",
+			tinta3: "#666355",
+			linha: "#23231d",
+			destaque: "#8c5a2b",
+			destaque2: "#5c6b2f",
+			marcaTexto: "#eee8d3",
+			contexto: "#d9d3bd",
+			prova: {
+				sustentada: "#23231d",
+				refutada: "#8c5a2b",
+				"nao-da-para-afirmar": "#23231d",
+				...cinzas("#666355")
+			},
+			ornamento: ["#23231d", "#fbf8ef"]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "simples"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: true,
+		pb: {
+			destaque: "#4a4a4a",
+			destaque2: "#7a7a7a"
+		},
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "alta",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "regua"
+		}
+	},
+	"grade-holandesa": {
+		name: "grade-holandesa",
+		label: "Grade holandesa",
+		referencia: "Grade aparente, letreiro modular espaçado, preto e um laranja; inspirado em Wim Crouwel (Stedelijk Museum, New Alphabet, 1967)",
+		fontes: {
+			titulo: f("Major Mono Display", MONO),
+			corpo: f("Hanken Grotesk", SANS),
+			numero: f("Hanken Grotesk", SANS),
+			rotulo: f("Hanken Grotesk", SANS),
+			anotacao: f("Hanken Grotesk", SANS),
+			mono: f("Hanken Grotesk", SANS)
+		},
+		googleFonts: ["Major Mono Display", "Hanken Grotesk:wght@400;500;600;700;800"],
+		cor: {
+			papel: "#ffffff",
+			tinta: "#111111",
+			tinta2: "#2e2e2e",
+			tinta3: "#595959",
+			linha: "#111111",
+			destaque: "#111111",
+			destaque2: "#f04e23",
+			marcaTexto: "#fde3da",
+			contexto: "#dddddd",
+			prova: {
+				sustentada: "#111111",
+				refutada: "#c8391a",
+				"nao-da-para-afirmar": "#111111",
+				...cinzas("#595959")
+			}
+		},
+		papel: {
+			textura: "milimetrado",
+			intensidade: .5
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: true,
+		pb: { destaque2: "#9a9a9a" },
+		estrutura: {
+			painel: "fio-grosso",
+			rotulo: "quadrado",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: true,
+			corRotulo: "destaque2"
+		}
+	},
+	"papel-recortado": {
+		name: "papel-recortado",
+		label: "Papel recortado",
+		referencia: "Cartazes e aberturas de filme em papel recortado: preto e laranja, letreiro à mão em blocos; inspirado em Saul Bass (Anatomy of a Murder, Vertigo)",
+		fontes: {
+			titulo: f("Londrina Solid", SANS),
+			corpo: f("Work Sans", SANS),
+			numero: f("Londrina Solid", SANS),
+			rotulo: f("Work Sans", SANS),
+			anotacao: f("Work Sans", SANS),
+			mono: f("Work Sans", SANS)
+		},
+		googleFonts: ["Londrina Solid:wght@400;900", "Work Sans:ital,wght@0,400;0,500;0,600;0,700;1,400"],
+		cor: {
+			papel: "#f3ead8",
+			tinta: "#161616",
+			tinta2: "#2c2a26",
+			tinta3: "#5e574c",
+			linha: "#161616",
+			destaque: "#161616",
+			destaque2: "#e8591a",
+			marcaTexto: "#ecd9b9",
+			contexto: "#d8cbb0",
+			prova: {
+				sustentada: "#161616",
+				refutada: "#b3431a",
+				"nao-da-para-afirmar": "#161616",
+				...cinzas("#5e574c")
+			},
+			ornamento: ["#161616", "#e8591a"]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .35,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: false,
+		pb: { destaque2: "#8a8a8a" },
+		estrutura: {
+			painel: "fio-grosso",
+			rotulo: "letra",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "recortes",
+			tituloEstilo: "recorte"
+		}
+	},
+	"pop-art": {
+		name: "pop-art",
+		label: "Pop art",
+		referencia: "Pop art: pontos Ben-Day, contorno preto grosso, primárias, balão e letreiro de quadrinhos; inspirado em Roy Lichtenstein",
+		fontes: {
+			titulo: f("Bangers", SANS),
+			corpo: f("Nunito Sans", SANS),
+			numero: f("Bangers", SANS),
+			rotulo: f("Nunito Sans", SANS),
+			anotacao: f("Comic Neue", HAND),
+			mono: f("Nunito Sans", SANS)
+		},
+		googleFonts: [
+			"Bangers",
+			"Nunito Sans:wght@400;600;700;800",
+			"Comic Neue:wght@400;700"
+		],
+		cor: {
+			papel: "#fffdf5",
+			tinta: "#111111",
+			tinta2: "#2b2b2b",
+			tinta3: "#555555",
+			linha: "#111111",
+			destaque: "#2b44b8",
+			destaque2: "#e4252b",
+			marcaTexto: "#f6ea00",
+			contexto: "#d9d4c4",
+			prova: {
+				sustentada: "#111111",
+				refutada: "#c81e24",
+				"nao-da-para-afirmar": "#111111",
+				...cinzas("#555555")
+			},
+			ornamento: [
+				"#e4252b",
+				"#f6ea00",
+				"#2b44b8"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .45,
+			tremor: 0,
+			hachura: "pontilhada"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: true,
+		pb: {
+			destaque: "#2a2a2a",
+			destaque2: "#8a8a8a",
+			marcaTexto: "#d9d9d9"
+		},
+		estrutura: {
+			painel: "fio-grosso",
+			rotulo: "letra",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "reticula",
+			tituloEstilo: "faixa",
+			contornoBarra: true
+		}
+	},
+	cientifico: {
+		name: "cientifico",
+		label: "Figura de periódico científico",
+		referencia: "Figuras de periódicos científicos: painéis A e B, eixos com rótulo, paleta segura para daltônicos, legenda longa; inspirado em figuras da Nature, da Science e da PNAS",
+		fontes: {
+			titulo: f("STIX Two Text", SERIF),
+			corpo: f("STIX Two Text", SERIF),
+			numero: f("Arimo", SANS),
+			rotulo: f("Arimo", SANS),
+			anotacao: f("Arimo", SANS),
+			mono: f("Arimo", SANS)
+		},
+		googleFonts: ["STIX Two Text:ital,wght@0,400;0,600;0,700;1,400", "Arimo:wght@400;700"],
+		cor: {
+			papel: "#ffffff",
+			tinta: "#111111",
+			tinta2: "#2e2e2e",
+			tinta3: "#555555",
+			linha: "#111111",
+			destaque: "#3b4aa8",
+			destaque2: "#d97a00",
+			marcaTexto: "#f2f2f2",
+			contexto: "#bdbdbd",
+			prova: {
+				sustentada: "#111111",
+				refutada: "#111111",
+				"nao-da-para-afirmar": "#111111",
+				...cinzas("#555555")
+			}
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .25,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: false,
+		pb: {
+			destaque: "#2a2a2a",
+			destaque2: "#9a9a9a"
+		},
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			barras: "vertical",
+			forma: "colunas",
+			letraMultiplo: true,
+			multiplos: "lado-a-lado"
+		}
+	},
+	"art-nouveau": {
+		name: "art-nouveau",
+		label: "Art nouveau",
+		referencia: "Art nouveau: moldura arredondada, ramos e folhas, ocre e verde-oliva, letreiro decorativo; inspirado em Alphonse Mucha",
+		fontes: {
+			titulo: f("Federo", SERIF),
+			corpo: f("EB Garamond", SERIF),
+			numero: f("EB Garamond", SERIF),
+			rotulo: f("Federo", SERIF),
+			anotacao: f("EB Garamond", SERIF),
+			mono: f("EB Garamond", SERIF)
+		},
+		googleFonts: ["Federo", "EB Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500"],
+		cor: {
+			papel: "#f6eedb",
+			tinta: "#2a2718",
+			tinta2: "#3f3a26",
+			tinta3: "#625a44",
+			linha: "#8a6d2c",
+			destaque: "#4a5a2a",
+			destaque2: "#b9832a",
+			marcaTexto: "#efe2c2",
+			contexto: "#e0d2ae",
+			prova: {
+				sustentada: "#4a5a2a",
+				refutada: "#9a4a36",
+				"nao-da-para-afirmar": "#2a2718",
+				...cinzas("#625a44")
+			},
+			ornamento: [
+				"#4a5a2a",
+				"#b9832a",
+				"#8a6d2c"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "pilula",
+		raio: 2,
+		caixaAlta: false,
+		pb: {
+			destaque: "#3a3a3a",
+			destaque2: "#a0a0a0"
+		},
+		estrutura: {
+			painel: "fio",
+			rotulo: "letra",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "ramos"
+		}
+	},
+	memphis: {
+		name: "memphis",
+		label: "Memphis",
+		referencia: "Design pós-moderno de Milão (1981): zigue-zagues, triângulos, confete, turquesa, amarelo e rosa, contorno preto; inspirado em Ettore Sottsass e no grupo Memphis",
+		fontes: {
+			titulo: f("Bungee", SANS),
+			corpo: f("Rubik", SANS),
+			numero: f("Bungee", SANS),
+			rotulo: f("Rubik", SANS),
+			anotacao: f("Rubik", SANS),
+			mono: f("Rubik", SANS)
+		},
+		googleFonts: ["Bungee", "Rubik:ital,wght@0,400;0,500;0,700;1,400"],
+		cor: {
+			papel: "#fffaf0",
+			tinta: "#161616",
+			tinta2: "#2c2b29",
+			tinta3: "#5c5a57",
+			linha: "#161616",
+			destaque: "#1fb5a8",
+			destaque2: "#f6ea00",
+			marcaTexto: "#fff2b8",
+			contexto: "#e2dccb",
+			prova: {
+				sustentada: "#161616",
+				refutada: "#c2185b",
+				"nao-da-para-afirmar": "#161616",
+				...cinzas("#5c5a57")
+			},
+			ornamento: [
+				"#161616",
+				"#f6ea00",
+				"#ff5fa2",
+				"#1fb5a8"
+			]
+		},
+		papel: {
+			textura: "nenhuma",
+			intensidade: 0
+		},
+		traco: {
+			largura: .3,
+			tremor: 0,
+			hachura: "nenhuma"
+		},
+		grafico: "limpo",
+		marcaProva: "barra",
+		raio: 0,
+		caixaAlta: true,
+		pb: {
+			destaque: "#5a5a5a",
+			destaque2: "#d0d0d0"
+		},
+		estrutura: {
+			painel: "caixa",
+			rotulo: "circulo",
+			rotuloCaixa: "normal",
+			notas: "dentro",
+			figura: "simples",
+			minusculas: false,
+			moldura: "memphis",
+			tituloEstilo: "sombra",
+			contornoBarra: true,
+			corRotulo: "destaque2"
+		}
+	}
+};
+const PRINT_PRESET_NAMES = Object.keys(printPresets);
+const DEFAULT_PRINT_STYLE = "jornal";
+/**
+* The current name of a style id: a current name is returned as is, a
+* deprecated alias is mapped (with a one-time development warning), anything
+* else gives `undefined`.
+*/
+function resolvePrintStyleName(id) {
+	if (Object.hasOwn(printPresets, id)) return id;
+	if (Object.hasOwn(PRINT_STYLE_ALIASES, id)) {
+		const current = PRINT_STYLE_ALIASES[id];
+		warnDeprecatedPrintId(id, current);
+		return current;
+	}
+}
+/** The preset of a style id (current or deprecated); throws on an unknown id. */
+function printPresetById(id) {
+	const name = resolvePrintStyleName(id);
+	if (!name) throw new Error(`tympan: unknown print style "${id}"`);
+	return printPresets[name];
+}
+function mergeCores(base, over) {
+	if (!over) return base;
+	const { prova, ...rest } = over;
+	const clean = Object.fromEntries(Object.entries(rest).filter(([, v]) => v !== void 0));
+	return {
+		...base,
+		...clean,
+		prova: {
+			...base.prova,
+			...prova ?? {}
+		}
+	};
+}
+/** A style with the editor's overrides applied (nested, partial). */
+function mergePrintStyle(style, overrides) {
+	if (!overrides) return style;
+	return {
+		...style,
+		label: overrides.label ?? style.label,
+		fontes: {
+			...style.fontes,
+			...overrides.fontes
+		},
+		googleFonts: overrides.googleFonts ?? style.googleFonts,
+		cor: mergeCores(style.cor, overrides.cor),
+		papel: {
+			...style.papel,
+			...overrides.papel
+		},
+		traco: {
+			...style.traco,
+			...overrides.traco
+		},
+		grafico: overrides.grafico ?? style.grafico,
+		marcaProva: overrides.marcaProva ?? style.marcaProva,
+		raio: overrides.raio ?? style.raio,
+		caixaAlta: overrides.caixaAlta ?? style.caixaAlta,
+		pb: overrides.pb ? mergeCores({
+			...style.cor,
+			...style.pb,
+			prova: {
+				...style.cor.prova,
+				...style.pb.prova
+			}
+		}, overrides.pb) : style.pb,
+		estrutura: {
+			...style.estrutura,
+			...overrides.estrutura
+		},
+		logo: overrides.logo ?? style.logo
+	};
+}
+const fromLinear = (c) => c <= .0031308 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - .055;
+/** The grey with the same WCAG relative luminance, so every contrast ratio survives the conversion. */
+function toGrey(color) {
+	const y = luminance(parseColor(color));
+	const v = fromLinear(y);
+	return toHex({
+		r: v,
+		g: v,
+		b: v,
+		a: 1
+	});
+}
+/** Colours for black and white print: every role in grey, then the style's own `pb` adjustments. */
+function printStyleCoresPb(style) {
+	const g = style.cor;
+	return mergeCores({
+		papel: toGrey(g.papel),
+		tinta: toGrey(g.tinta),
+		tinta2: toGrey(g.tinta2),
+		tinta3: toGrey(g.tinta3),
+		linha: toGrey(g.linha),
+		destaque: toGrey(g.destaque),
+		destaque2: toGrey(g.destaque2),
+		marcaTexto: toGrey(g.marcaTexto),
+		contexto: toGrey(g.contexto),
+		prova: Object.fromEntries(ESTADOS_PROVA.map((e) => [e, toGrey(g.prova[e])])),
+		...g.ornamento ? { ornamento: g.ornamento.map(toGrey) } : {}
+	}, style.pb);
+}
+/**
+* The style as it will print: overrides applied, then (for `pb`) the grey
+* conversion. Takes a preset or a style id; a deprecated id resolves to its
+* current style (`resolvePrintStyle('economist').name === 'semanario'`).
+*/
+function resolvePrintStyle(style, options = {}) {
+	const merged = mergePrintStyle(typeof style === "string" ? printPresetById(style) : style, options.overrides);
+	if (!options.pb) return merged;
+	return {
+		...merged,
+		cor: printStyleCoresPb(merged)
+	};
+}
+const kebab = {
+	papel: "papel",
+	tinta: "tinta",
+	tinta2: "tinta-2",
+	tinta3: "tinta-3",
+	linha: "linha",
+	destaque: "destaque",
+	destaque2: "destaque-2",
+	marcaTexto: "marca-texto",
+	contexto: "contexto"
+};
+const num = (n) => String(Math.round(n * 1e3) / 1e3);
+/** Custom properties of a resolved style, in a stable order. */
+function printStyleVariables(style) {
+	const vars = [];
+	for (const k of [
+		"titulo",
+		"corpo",
+		"numero",
+		"rotulo",
+		"anotacao",
+		"mono"
+	]) vars.push([`--ty-print-fonte-${k}`, style.fontes[k]]);
+	for (const [k, name] of Object.entries(kebab)) vars.push([`--ty-print-${name}`, style.cor[k]]);
+	for (const e of ESTADOS_PROVA) vars.push([`--ty-print-prova-${e}`, style.cor.prova[e]]);
+	vars.push(["--ty-print-textura-intensidade", num(style.papel.intensidade)]);
+	vars.push(["--ty-print-traco", `${num(style.traco.largura)}mm`]);
+	vars.push(["--ty-print-tremor", num(style.traco.tremor)]);
+	vars.push(["--ty-print-raio", `${num(style.raio)}mm`]);
+	const minusculas = style.estrutura.minusculas;
+	vars.push(["--ty-print-titulo-caixa", style.caixaAlta ? "uppercase" : minusculas ? "lowercase" : "none"]);
+	vars.push(["--ty-print-titulo-espaco", style.caixaAlta ? "0.04em" : "normal"]);
+	const rc = style.estrutura.rotuloCaixa;
+	vars.push(["--ty-print-rotulo-caixa", minusculas ? "lowercase" : rc === "alta" ? "uppercase" : "none"]);
+	vars.push(["--ty-print-rotulo-variante", rc === "versalete" ? "small-caps" : "normal"]);
+	vars.push(["--ty-print-rotulo-espaco", rc === "normal" ? "normal" : "0.07em"]);
+	const orn = style.cor.ornamento ?? [];
+	const reserva = [
+		style.cor.destaque,
+		style.cor.destaque2,
+		style.cor.tinta,
+		style.cor.marcaTexto
+	];
+	for (let i = 0; i < 4; i++) vars.push([`--ty-print-ornamento-${i + 1}`, orn[i] ?? reserva[i]]);
+	const cr = style.estrutura.corRotulo;
+	if (cr) {
+		const fundo = cr === "sustentada" || cr === "refutada" ? style.cor.prova[cr] : style.cor[cr];
+		vars.push(["--ty-print-rotulo-fundo", fundo]);
+		vars.push(["--ty-print-rotulo-tinta", luminance(parseColor(fundo)) > .4 ? style.cor.tinta : style.cor.papel]);
+	}
+	return vars;
+}
+/**
+* CSS custom properties (`--ty-print-*`) of a style on
+* `[data-ty-print-style="<name>"]`, with the editor's overrides and, when
+* `pb` is set, the black and white colours.
+*/
+function printStyleToCss(style, options = {}) {
+	const resolved = resolvePrintStyle(style, options);
+	return `${options.seletor ?? `[data-ty-print-style="${style.name}"]`} {\n${printStyleVariables(resolved).map(([n, v]) => `  ${n}: ${v};`).join("\n")}\n}\n`;
+}
+/** Google Fonts css2 URL for a style's families (null when it uses system fonts only). */
+function googleFontsUrl(style) {
+	if (!style.googleFonts.length) return null;
+	return `https://fonts.googleapis.com/css2?${style.googleFonts.map((spec) => `family=${encodeURIComponent(spec).replace(/%20/g, "+").replace(/%3A/g, ":").replace(/%40/g, "@").replace(/%3B/g, ";").replace(/%2C/g, ",")}`).join("&")}&display=swap`;
+}
+/** True when the paper is dark (the brand seal and logo then use the light mono version). */
+function papelEscuro(style) {
+	return luminance(parseColor(style.cor.papel)) < .2;
+}
+//#endregion
+//#region src/print-themes.ts
+function createTextureSvg(style) {
+	const papel = style.papel;
+	if (!papel || papel.textura === "nenhuma" || papel.intensidade <= 0) return void 0;
+	const k = papel.intensidade;
+	const n3 = (x) => Math.round(x * 1e3) / 1e3;
+	const matriz = (cor, alfa, limiar) => {
+		const c = parseColor(cor);
+		return `0 0 0 0 ${n3(c.r)}  0 0 0 0 ${n3(c.g)}  0 0 0 0 ${n3(c.b)}  0 0 0 ${n3(alfa)} ${n3(limiar)}`;
+	};
+	const tinta = style.cor.tinta;
+	let defs = "";
+	let corpo = "";
+	if (papel.textura === "grao") {
+		defs = `
+      <filter id="f" x="0" y="0" width="100%" height="100%">
+        <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" seed="21" stitchTiles="stitch" />
+        <feColorMatrix values="${matriz(tinta, .9 * k, -.34)}" />
+      </filter>
+    `;
+		corpo = `<rect width="100%" height="100%" filter="url(#f)" />`;
+	} else if (papel.textura === "fibra") {
+		defs = `
+      <filter id="f" x="0" y="0" width="100%" height="100%">
+        <feTurbulence type="fractalNoise" baseFrequency="0.035 0.09" numOctaves="3" seed="4" />
+        <feColorMatrix values="${matriz(tinta, .55 * k, -.2)}" />
+      </filter>
+      <filter id="g" x="0" y="0" width="100%" height="100%">
+        <feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2" seed="11" stitchTiles="stitch" />
+        <feColorMatrix values="${matriz(tinta, 1.1 * k, -.45)}" />
+      </filter>
+    `;
+		corpo = `
+      <rect width="100%" height="100%" filter="url(#f)" opacity="0.6" />
+      <rect width="100%" height="100%" filter="url(#g)" />
+    `;
+	} else if (papel.textura === "pauta") {
+		const linha = style.pb ? "#bdbdbd" : "#b7cbe0";
+		defs = `
+      <pattern id="p" width="10" height="${n3(7 * 3.7795)}" patternUnits="userSpaceOnUse" y="${n3(60.472)}">
+        <line x1="0" x2="10" y1="${n3(7 * 3.7795 - .5)}" y2="${n3(7 * 3.7795 - .5)}" stroke="${linha}" stroke-width="0.9" />
+      </pattern>
+    `;
+		corpo = `
+      <g opacity="${Math.min(1, .4 + k)}">
+        <rect width="100%" height="100%" fill="url(#p)" />
+      </g>
+    `;
+	} else if (papel.textura === "milimetrado") {
+		const mm = 3.7795;
+		const cm = 37.795;
+		const mmStr = n3(mm);
+		const cmStr = n3(cm);
+		const op1 = n3(.09 * k);
+		const op2 = n3(.22 * k);
+		const linha = style.cor.linha;
+		defs = `
+      <pattern id="mm" width="${mmStr}" height="${mmStr}" patternUnits="userSpaceOnUse">
+        <path d="M ${mmStr} 0 L 0 0 0 ${mmStr}" fill="none" stroke="${linha}" stroke-opacity="${op1}" stroke-width="0.5" />
+      </pattern>
+      <pattern id="cm" width="${cmStr}" height="${cmStr}" patternUnits="userSpaceOnUse">
+        <path d="M ${cmStr} 0 L 0 0 0 ${cmStr}" fill="none" stroke="${linha}" stroke-opacity="${op2}" stroke-width="0.8" />
+      </pattern>
+    `;
+		corpo = `
+      <rect width="100%" height="100%" fill="url(#mm)" />
+      <rect width="100%" height="100%" fill="url(#cm)" />
+    `;
+	} else return;
+	const cleanSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs>${defs}</defs>${corpo}</svg>`.replace(/>\s+</g, "><").trim();
+	return `url('data:image/svg+xml;utf8,${encodeURIComponent(cleanSvg)}')`;
+}
+/** Chroma under which a colour counts as grey (ink, paper, rules). */
+const CHROMATIC = .05;
+/** One millimetre of the print radius in CSS pixels (96 dpi). */
+const MM = 96 / 25.4;
+const oklch = (c) => rgbToOklch(parseColor(c));
+const chromatic = (c) => oklch(c).c >= CHROMATIC;
+const ratio = (a, b) => contrastRatio(parseColor(a), parseColor(b));
+const shiftL = (c, dl, chromaScale = 1, alpha = 1) => {
+	const v = oklch(c);
+	return toCss(oklchToRgb({
+		l: Math.min(.998, Math.max(.02, v.l + dl)),
+		c: v.c * chromaScale,
+		h: v.h
+	}, alpha));
+};
+const seedOf = (c, fallback) => {
+	const v = oklch(c);
+	if (fallback && v.c < CHROMATIC) return fallback;
+	return {
+		hue: Math.round(v.h * 10) / 10,
+		chroma: Math.round(v.c * 1e3) / 1e3
+	};
+};
+const hueGap = (a, b) => {
+	const d = Math.abs(a - b) % 360;
+	return d > 180 ? 360 - d : d;
+};
+/** Default semantic seeds, used where a style's proof colour is grey. */
+const TONE_FALLBACK = {
+	danger: {
+		hue: 18,
+		chroma: .19
+	},
+	warning: {
+		hue: 70,
+		chroma: .14
+	},
+	success: {
+		hue: 150,
+		chroma: .14
+	},
+	info: {
+		hue: 255,
+		chroma: .06
+	}
+};
+/**
+* Where the derivation reads a style differently from its tradition. Kept
+* short on purpose: every entry is a judgement the data cannot express.
+*/
+const PRINT_THEME_OVERRIDES = {};
+/** The colour moved along OKLCH lightness (hue and chroma kept) until it reaches `min` against `over`. */
+function legibleOn(colour, over, min = 4.6) {
+	const v = oklch(colour);
+	const step = luminance(parseColor(over)) > .2 ? -.005 : .005;
+	let out = colour;
+	for (let i = 0; i < 200 && ratio(out, over) < min; i++) {
+		v.l = Math.min(.995, Math.max(.02, v.l + step));
+		out = toCss(oklchToRgb(v));
+	}
+	return out;
+}
+/**
+* The accent that represents a style, before any legibility adjustment: the
+* first chromatic accent that nearly reads on the paper (3:1), else the most
+* legible chromatic accent, else the first chromatic ornament, else the ink
+* (or, on dark paper, the paper itself).
+*/
+function printStyleAccent(style) {
+	const c = style.cor;
+	const darkPaper = luminance(parseColor(c.papel)) < .2;
+	const accents = [c.destaque, c.destaque2].filter(chromatic);
+	const near = accents.find((x) => ratio(x, c.papel) >= 3);
+	if (near) return near;
+	if (accents.length) return [...accents].sort((a, b) => ratio(b, c.papel) - ratio(a, c.papel))[0];
+	const ornament = (c.ornamento ?? []).find(chromatic);
+	if (ornament) return ornament;
+	return darkPaper ? c.papel : c.tinta;
+}
+function chartHues(style) {
+	const c = style.cor;
+	const sources = [
+		c.destaque,
+		c.destaque2,
+		...c.ornamento ?? [],
+		c.prova.refutada,
+		c.prova.sustentada,
+		c.prova["nao-da-para-afirmar"],
+		c.marcaTexto
+	];
+	const hues = [];
+	for (const s of sources) {
+		const v = oklch(s);
+		if (v.c < CHROMATIC) continue;
+		if (hues.every((h) => hueGap(h, v.h) >= 30)) hues.push(Math.round(v.h));
+	}
+	for (const h of DEFAULT_CHART_HUES) {
+		if (hues.length >= 8) break;
+		if (hues.every((x) => hueGap(x, h) >= 30)) hues.push(h);
+	}
+	for (const h of DEFAULT_CHART_HUES) if (hues.length < 8 && !hues.includes(h)) hues.push(h);
+	return hues.slice(0, 8);
+}
+/** Families of a print stack for a UI role; `mono` is kept only when the stack is really monospace. */
+function fontsOf(style) {
+	const display = parseFontStack(style.fontes.titulo);
+	const body = parseFontStack(style.fontes.corpo);
+	const monoStack = parseFontStack(style.fontes.mono);
+	const fonts = {
+		display,
+		body,
+		serif: display,
+		sans: body
+	};
+	if (monoStack.at(-1) === "monospace") {
+		fonts.mono = monoStack;
+		fonts.mono = monoStack;
+	}
+	const used = new Set([
+		display[0],
+		body[0],
+		fonts.mono?.[0]
+	].filter(Boolean));
+	return {
+		fonts,
+		url: googleFontsUrl({ googleFonts: style.googleFonts.filter((g) => used.has(g.split(":")[0])) }) ?? void 0
+	};
+}
+/**
+* Exact colours of the style's own mode (paper as background, ink as text).
+* Surfaces step lighter than the paper, the sunken well a little darker.
+*/
+function nativePins(style, brand, glass, darkPaper) {
+	const c = style.cor;
+	const paper = c.papel;
+	const dl = 0;
+	const surface = shiftL(paper, dl, 1);
+	const raised = shiftL(paper, dl, 1);
+	const pins = {
+		bg: paper,
+		"surface-solid": surface,
+		"surface-raised-solid": raised,
+		surface: glass ? shiftL(paper, dl, .7, .82) : surface,
+		"surface-raised": glass ? shiftL(paper, 0, .6, .94) : raised,
+		"surface-sunken": shiftL(paper, darkPaper ? -.04 : -.03, 1.1),
+		secondary: raised,
+		ink: c.tinta,
+		"ink-2": c.tinta2,
+		"ink-3": c.tinta3,
+		"on-secondary": c.tinta,
+		brand,
+		"focus-ring": brand,
+		"cta-solid": brand,
+		"on-brand": ratio(paper, brand) >= ratio(c.tinta, brand) ? paper : c.tinta,
+		"on-cta": ratio(paper, brand) >= ratio(c.tinta, brand) ? paper : c.tinta
+	};
+	const lineRgb = parseColor(c.linha);
+	const lineAlpha = (a) => toCss({
+		...lineRgb,
+		a
+	});
+	if (ratio(c.linha, paper) >= 3) {
+		pins.line = lineAlpha(.3);
+		pins["line-soft"] = lineAlpha(.16);
+		pins["line-strong"] = lineAlpha(.55);
+	} else {
+		pins.line = c.linha;
+		pins["line-soft"] = lineAlpha(.6);
+		pins["line-strong"] = shiftL(c.linha, darkPaper ? .12 : -.12);
+	}
+	if (deltaE2000(parseColor(c.marcaTexto), parseColor(paper)) >= 6) {
+		pins["brand-soft"] = c.marcaTexto;
+		pins["nav-active"] = c.marcaTexto;
+	}
+	for (const [tone, colour] of [
+		["danger", c.prova.refutada],
+		["success", c.prova.sustentada],
+		["warning", c.prova["nao-da-para-afirmar"]]
+	]) if (chromatic(colour)) pins[tone] = colour;
+	return pins;
+}
+/**
+* Exact colours of the other mode, over the generated background: the paper
+* colour becomes the ink, and the accent is tried as the brand as printed (a
+* grey accent, as in one-ink styles, is replaced by the paper colour).
+*/
+function counterPins(style, accent) {
+	const brand = chromatic(accent) ? accent : style.cor.papel;
+	const pins = {
+		ink: style.cor.papel,
+		brand,
+		"focus-ring": brand
+	};
+	if (!chromatic(accent)) pins["cta-solid"] = brand;
+	return pins;
+}
+/** Resolves both modes and drops every pin that takes part in a failing pair, until all pairs pass. */
+function settlePins(config) {
+	const pins = {
+		light: { ...config.pins?.light },
+		dark: { ...config.pins?.dark }
+	};
+	for (const mode of ["light", "dark"]) for (let round = 0; round < 12; round++) {
+		const failing = resolveTheme({
+			...config,
+			pins
+		}, mode).report.filter((r) => !r.pass);
+		if (!failing.length) break;
+		let dropped = false;
+		for (const r of failing) {
+			const fg = r.fg;
+			if (fg in pins[mode]) {
+				delete pins[mode][fg];
+				dropped = true;
+			}
+		}
+		if (!dropped) {
+			for (const r of failing) for (const layer of r.over) if (layer in pins[mode]) {
+				delete pins[mode][layer];
+				dropped = true;
+			}
+		}
+		if (!dropped) break;
+	}
+	return {
+		...config,
+		pins
+	};
+}
+/**
+* The UI theme of a book style, in light and dark. The name is
+* `print-<style name>`; the label is the style's own.
+*/
+function printStyleToTheme(style, override) {
+	return settlePins(draftPrintTheme(style, override));
+}
+/**
+* Exact print colours the derivation had to give up for contrast, per mode
+* (role -> the print colour that was dropped and regenerated).
+*/
+function printThemeDroppedPins(style, override) {
+	const draft = draftPrintTheme(style, override);
+	const settled = settlePins(draft);
+	const out = {
+		light: {},
+		dark: {}
+	};
+	for (const mode of ["light", "dark"]) for (const [role, value] of Object.entries(draft.pins?.[mode] ?? {})) if (!(role in (settled.pins?.[mode] ?? {}))) out[mode][role] = value;
+	return out;
+}
+function draftPrintTheme(style, override = PRINT_THEME_OVERRIDES[style.name] ?? {}) {
+	const c = style.cor;
+	const darkPaper = luminance(parseColor(c.papel)) < .2;
+	const accent = override.brand ?? printStyleAccent(style);
+	const brand = legibleOn(accent, c.papel);
+	const e = style.estrutura;
+	const paper = oklch(c.papel);
+	const ink = oklch(c.tinta);
+	const tinted = paper.c >= ink.c ? paper : ink;
+	const neutral = {
+		hue: Math.round(tinted.h * 10) / 10,
+		chroma: Math.min(.02, Math.round(tinted.c * 1e3) / 1e3)
+	};
+	const brandSeed = seedOf(accent);
+	const seeds = {
+		brand: {
+			hue: brandSeed.hue,
+			chroma: Math.max(brandSeed.chroma, .01)
+		},
+		neutral,
+		danger: seedOf(c.prova.refutada, TONE_FALLBACK.danger),
+		warning: seedOf(c.prova["nao-da-para-afirmar"], TONE_FALLBACK.warning),
+		success: seedOf(c.prova.sustentada, TONE_FALLBACK.success),
+		info: TONE_FALLBACK.info
+	};
+	const soft = style.grafico === "aquarela" || e.painel === "nenhum" && style.raio > 1;
+	const glass = override.glass ?? soft;
+	const offset = e.tituloEstilo === "sombra" || e.contornoBarra === true || e.painel === "dossie";
+	const elevation = override.elevation ?? (offset ? "offset" : soft || e.painel === "cartao" ? "soft" : "flat");
+	const { fonts, url } = fontsOf(style);
+	const native = nativePins(style, brand, glass, darkPaper);
+	const counter = counterPins(style, accent);
+	const bgTexture = createTextureSvg(style);
+	const nativeMode = darkPaper ? "dark" : "light";
+	const counterMode = darkPaper ? "light" : "dark";
+	return {
+		name: `${PRINT_THEME_PREFIX}${style.name}`,
+		label: style.label,
+		seeds,
+		chartHues: chartHues(style),
+		radius: override.radius ?? Math.min(16, Math.round(style.raio * MM)),
+		contrast: "default",
+		glass,
+		cta: override.cta ?? (soft ? "gradient" : "solid"),
+		elevation,
+		fonts,
+		...url ? { fontsUrl: url } : {},
+		...bgTexture ? { strings: { "bg-image": bgTexture } } : {},
+		pins: {
+			[nativeMode]: {
+				...native,
+				...override.pins?.[nativeMode]
+			},
+			[counterMode]: {
+				...counter,
+				...override.pins?.[counterMode]
+			}
+		}
+	};
+}
+/** Every book style as a UI theme, in the order of `printPresets`. */
+const printThemePresets = Object.values(printPresets).map((s) => printStyleToTheme(s));
+/** Stylesheet URL of the families of each print theme, by theme name (for ThemeProvider's `fonts`). */
+const printThemeFontUrls = Object.fromEntries(printThemePresets.filter((t) => t.fontsUrl).map((t) => [t.name, t.fontsUrl]));
+//#endregion
+//#region src/scripts.ts
+const SCRIPT_RULES = [
+	{
+		langs: [
+			"ar",
+			"fa",
+			"ur",
+			"ps",
+			"ckb",
+			"sd",
+			"ug"
+		],
+		sans: ["Noto Sans Arabic", "Noto Naskh Arabic"],
+		serif: ["Noto Naskh Arabic"],
+		leading: 1.2,
+		noTracking: true
+	},
+	{
+		langs: ["he", "yi"],
+		sans: ["Noto Sans Hebrew"],
+		serif: ["Noto Serif Hebrew"],
+		leading: 1.1,
+		noTracking: true
+	},
+	{
+		langs: [
+			"hi",
+			"mr",
+			"ne",
+			"sa",
+			"kok",
+			"mai"
+		],
+		sans: ["Noto Sans Devanagari"],
+		serif: ["Noto Serif Devanagari"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["bn", "as"],
+		sans: ["Noto Sans Bengali"],
+		serif: ["Noto Serif Bengali"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["ta"],
+		sans: ["Noto Sans Tamil"],
+		serif: ["Noto Serif Tamil"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["te"],
+		sans: ["Noto Sans Telugu"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["kn"],
+		sans: ["Noto Sans Kannada"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["ml"],
+		sans: ["Noto Sans Malayalam"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["gu"],
+		sans: ["Noto Sans Gujarati"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["pa"],
+		sans: ["Noto Sans Gurmukhi"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["si"],
+		sans: ["Noto Sans Sinhala"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["th"],
+		sans: ["Noto Sans Thai"],
+		serif: ["Noto Serif Thai"],
+		leading: 1.25,
+		noTracking: true,
+		text: ["word-break: normal;", "line-break: auto;"]
+	},
+	{
+		langs: ["lo"],
+		sans: ["Noto Sans Lao"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["km"],
+		sans: ["Noto Sans Khmer"],
+		leading: 1.25,
+		noTracking: true
+	},
+	{
+		langs: ["my"],
+		sans: ["Noto Sans Myanmar"],
+		leading: 1.35,
+		noTracking: true
+	},
+	{
+		langs: [
+			"am",
+			"ti",
+			"gez"
+		],
+		sans: ["Noto Sans Ethiopic"],
+		serif: ["Noto Serif Ethiopic"],
+		leading: 1.15,
+		noTracking: true
+	},
+	{
+		langs: ["hy"],
+		sans: ["Noto Sans Armenian"]
+	},
+	{
+		langs: ["ka"],
+		sans: ["Noto Sans Georgian"]
+	},
+	{
+		langs: ["ja"],
+		sans: ["Noto Sans JP"],
+		serif: ["Noto Serif JP"],
+		leading: 1.15,
+		noTracking: true,
+		text: [
+			"line-break: strict;",
+			"word-break: normal;",
+			"overflow-wrap: anywhere;"
+		]
+	},
+	{
+		langs: [
+			"zh",
+			"zh-Hans",
+			"zh-CN",
+			"zh-SG"
+		],
+		sans: ["Noto Sans SC"],
+		serif: ["Noto Serif SC"],
+		leading: 1.15,
+		noTracking: true,
+		text: [
+			"line-break: strict;",
+			"word-break: normal;",
+			"overflow-wrap: anywhere;"
+		]
+	},
+	{
+		langs: [
+			"zh-Hant",
+			"zh-TW",
+			"zh-HK",
+			"zh-MO"
+		],
+		sans: ["Noto Sans TC"],
+		serif: ["Noto Serif TC"],
+		leading: 1.15,
+		noTracking: true,
+		text: [
+			"line-break: strict;",
+			"word-break: normal;",
+			"overflow-wrap: anywhere;"
+		]
+	},
+	{
+		langs: ["ko"],
+		sans: ["Noto Sans KR"],
+		serif: ["Noto Serif KR"],
+		leading: 1.15,
+		noTracking: true,
+		text: ["word-break: keep-all;", "overflow-wrap: anywhere;"]
+	}
+];
+const quote = (family) => /^[\w-]+$/.test(family) && !/\s/.test(family) ? family : `"${family}"`;
+function scaledPx(value, factor) {
+	const m = /^(\d+(?:\.\d+)?)px$/.exec(value.trim());
+	if (!m) return value;
+	return `${Math.ceil(Number(m[1]) * factor / 2) * 2}px`;
+}
+/** The `:lang()` blocks, derived from the base token values. */
+function scriptRules(base) {
+	const value = (name) => base.find(([n]) => n === name)?.[1] ?? "";
+	const sansBase = value("--ty-font-sans");
+	const serifBase = value("--ty-font-serif");
+	const leadings = base.filter(([n]) => n.startsWith("--ty-font-line-height-"));
+	const trackings = base.filter(([n]) => n.startsWith("--ty-font-tracking-"));
+	return SCRIPT_RULES.map((r) => {
+		const decls = [`--ty-font-sans: ${r.sans.map(quote).join(", ")}, ${sansBase};`];
+		if (r.serif) decls.push(`--ty-font-serif: ${r.serif.map(quote).join(", ")}, ${serifBase};`);
+		if (r.leading) for (const [n, v] of leadings) decls.push(`${n}: ${scaledPx(v, r.leading)};`);
+		if (r.noTracking) for (const [n] of trackings) decls.push(`${n}: 0em;`);
+		decls.push(...r.text ?? []);
+		return `${r.langs.map((l) => `:lang(${l})`).join(",\n")} {\n${decls.map((d) => `  ${d}`).join("\n")}\n}`;
+	}).join("\n\n");
+}
+//#endregion
+//#region src/stylesheet.ts
+const indent = (s, n = 2) => s.split("\n").map((l) => l ? " ".repeat(n) + l : l).join("\n");
+const decls = (vars, extra = []) => [...extra, ...vars.map(([n, v]) => `${n}: ${v};`)].join("\n");
+const rule = (selectors, body) => `${selectors.join(",\n")} {\n${indent(body)}\n}`;
+const media = (query, body) => `@media ${query} {\n${indent(body)}\n}`;
+/**
+* Selectors for one theme. The attributes may sit on the same element or on
+* an ancestor: `data-ty-theme` picks the theme, `data-ty-mode` forces light or
+* dark (absent or `system` follows `prefers-color-scheme`).
+*/
+function themeSelectors(name, isDefault) {
+	const t = `[data-ty-theme="${name}"]`;
+	return {
+		light: isDefault ? [
+			":root",
+			t,
+			"[data-ty-mode=\"light\"]"
+		] : [t, `${t} [data-ty-mode="light"]`],
+		systemDark: isDefault ? [":root:not([data-ty-mode=\"light\"])", `${t}:not([data-ty-mode="light"])`] : [`${t}:not([data-ty-mode="light"])`],
+		dark: isDefault ? [
+			"[data-ty-mode=\"dark\"]",
+			`${t}[data-ty-mode="dark"]`,
+			`${t} [data-ty-mode="dark"]`,
+			`[data-ty-mode="dark"] ${t}`
+		] : [
+			`${t}[data-ty-mode="dark"]`,
+			`${t} [data-ty-mode="dark"]`,
+			`[data-ty-mode="dark"] ${t}`
+		],
+		explicitLight: [`${t}[data-ty-mode="light"]`, `[data-ty-mode="dark"] ${t}[data-ty-mode="light"]`]
+	};
+}
+function themeBlocks(theme, isDefault, light, dark) {
+	const s = themeSelectors(theme.name, isDefault);
+	return [
+		rule(s.light, decls(light, ["color-scheme: light;"])),
+		media("(prefers-color-scheme: dark)", rule(s.systemDark, decls(dark, ["color-scheme: dark;"]))),
+		rule(s.dark, decls(dark, ["color-scheme: dark;"])),
+		rule(s.explicitLight, decls(light, ["color-scheme: light;"]))
+	];
+}
+const ANY_SCOPE = [
+	":root",
+	"[data-ty-theme]",
+	"[data-ty-mode]"
+];
+/** Forced colours: roles map to system colours so boundaries and state stay visible. */
+const FORCED_COLORS_VARS = [
+	["--ty-bg", "Canvas"],
+	["--ty-surface", "Canvas"],
+	["--ty-surface-raised", "Canvas"],
+	["--ty-surface-sunken", "Canvas"],
+	["--ty-surface-solid", "Canvas"],
+	["--ty-surface-raised-solid", "Canvas"],
+	["--ty-secondary", "ButtonFace"],
+	["--ty-on-secondary", "ButtonText"],
+	["--ty-ink", "CanvasText"],
+	["--ty-ink-2", "CanvasText"],
+	["--ty-ink-3", "CanvasText"],
+	["--ty-line", "CanvasText"],
+	["--ty-line-soft", "CanvasText"],
+	["--ty-line-strong", "CanvasText"],
+	["--ty-input", "CanvasText"],
+	["--ty-focus-ring", "Highlight"],
+	["--ty-brand", "Highlight"],
+	["--ty-accent", "Highlight"],
+	["--ty-on-brand", "HighlightText"],
+	["--ty-accent-ink", "HighlightText"],
+	["--ty-brand-soft", "Canvas"],
+	["--ty-accent-soft", "Canvas"],
+	["--ty-on-brand-soft", "LinkText"],
+	["--ty-on-accent-soft", "LinkText"],
+	["--ty-cta", "ButtonFace"],
+	["--ty-cta-solid", "ButtonFace"],
+	["--ty-on-cta", "ButtonText"],
+	["--ty-backdrop", "transparent"],
+	["--ty-shadow-sheet", "none"],
+	["--ty-shadow-raised", "none"],
+	["--ty-shadow-floating", "none"],
+	["--ty-shadow-modal", "none"],
+	["--ty-glass-blur-sheet", "0px"],
+	["--ty-glass-blur-floating", "0px"]
+];
+/** Reduced transparency (and no backdrop-filter support): opaque surfaces, no blur, no ambient. */
+const OPAQUE_VARS = [
+	["--ty-surface", "var(--ty-surface-solid) !important"],
+	["--ty-surface-raised", "var(--ty-surface-raised-solid) !important"],
+	["--ty-secondary", "var(--ty-surface-raised-solid) !important"],
+	["--ty-glass-blur-sheet", "0px !important"],
+	["--ty-glass-blur-floating", "0px !important"],
+	["--ty-glass-saturate", "1 !important"],
+	["--ty-ambient-1", "transparent !important"],
+	["--ty-ambient-2", "transparent !important"]
+];
+function buildStylesheet(input) {
+	const parts = [];
+	const defaultTheme = input.defaultTheme === void 0 ? DEFAULT_THEME : input.defaultTheme;
+	if (input.base?.length) {
+		parts.push(rule([":root"], decls(input.base)));
+		parts.push(`/* per-script typography (:lang) */\n${scriptRules(input.base)}`);
+		parts.push(`:root,\n[dir="ltr"] {\n  --ty-inline-sign: 1;\n}\n\n[dir="rtl"] {\n  --ty-inline-sign: -1;\n}`);
+	}
+	const densities = input.densities ?? {};
+	if (densities.default) parts.push(rule([":root", "[data-ty-density=\"default\"]"], decls(densities.default)));
+	for (const d of ["compact", "comfortable"]) {
+		const v = densities[d];
+		if (v) parts.push(rule([`[data-ty-density="${d}"]`], decls(v)));
+	}
+	if (input.components?.length) parts.push(`/* component tokens */\n${rule(ANY_SCOPE, decls(input.components))}`);
+	if (input.componentRules) parts.push(input.componentRules);
+	for (const theme of input.themes) {
+		parts.push(`/* theme: ${theme.name} */`);
+		parts.push(...themeBlocks(theme, theme.name === defaultTheme, theme.light, theme.dark));
+	}
+	const high = input.themes.filter((t) => t.highLight && t.highDark);
+	if (high.length) {
+		const inner = high.flatMap((t) => themeBlocks(t, t.name === defaultTheme, t.highLight, t.highDark));
+		parts.push(`/* prefers-contrast: more -> the high-contrast variant of each theme */\n${media("(prefers-contrast: more)", inner.join("\n\n"))}`);
+	}
+	if (input.preferences !== false) {
+		const durations = (input.base ?? []).filter(([n]) => n.startsWith("--ty-dur-")).map(([n]) => [n, "0ms"]);
+		if (durations.length) parts.push(media("(prefers-reduced-motion: reduce)", rule(ANY_SCOPE, decls(durations))));
+		parts.push(media("(prefers-reduced-transparency: reduce)", rule(ANY_SCOPE, decls(OPAQUE_VARS))));
+		parts.push(`@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n${indent(rule(ANY_SCOPE, decls(OPAQUE_VARS)))}\n}`);
+		parts.push(media("(forced-colors: active)", rule(ANY_SCOPE, decls(FORCED_COLORS_VARS))));
+	}
+	const body = parts.join("\n\n");
+	const layered = input.layer === null ? body : `@layer ${input.layer ?? "tympan.tokens"} {\n${indent(body)}\n}`;
+	return `${input.banner ? `${input.banner}\n` : ""}${layered}\n`;
+}
+/** Generator output for one theme config, as variable lists. */
+function themeVarsFor(config) {
+	const vars = {
+		name: config.name,
+		light: themeVariables(resolveTheme(config, "light")),
+		dark: themeVariables(resolveTheme(config, "dark"))
+	};
+	if (config.contrast !== "high") {
+		vars.highLight = themeVariables(resolveTheme(config, "light", "high"));
+		vars.highDark = themeVariables(resolveTheme(config, "dark", "high"));
+	}
+	return vars;
+}
+/** CSS for one theme config, straight from the generator (used by the customizer). */
+function generateThemeCss(config, options = {}) {
+	return buildStylesheet({
+		themes: [themeVarsFor(config)],
+		defaultTheme: options.asDefault ? config.name : null,
+		densities: options.densities ? {
+			default: densityVariables("default"),
+			compact: densityVariables("compact"),
+			comfortable: densityVariables("comfortable")
+		} : void 0,
+		layer: options.layer === void 0 ? "tympan.tokens" : options.layer
+	});
+}
+/** Variable lists of every built-in preset. */
+function presetThemeVars(list = presets) {
+	return list.map(themeVarsFor);
+}
+/**
+* The opt-in stylesheet of the print themes (`print-themes.css`): every
+* listed theme scoped to its `data-ty-theme` attribute, with its high-contrast
+* variant, and no user-preference blocks (the main token sheet has them).
+* Load it after `tokens.css`.
+*/
+function generatePrintThemesCss(list = printThemePresets, options = {}) {
+	return buildStylesheet({
+		themes: options.themes ?? list.map(themeVarsFor),
+		defaultTheme: null,
+		layer: options.layer === void 0 ? "tympan.tokens" : options.layer,
+		preferences: false,
+		banner: options.banner
+	});
+}
+//#endregion
+//#region src/flow.ts
+const FLOW_TONES = [
+	"categorical-1",
+	"categorical-2",
+	"categorical-3",
+	"categorical-4",
+	"categorical-5",
+	"categorical-6",
+	"categorical-7",
+	"categorical-8",
+	"neutral"
+];
+/** Tint strength of a tone's soft variant (badge background). */
+const SOFT_MIX = 14;
+const color = (ref, mix) => mix === void 0 ? {
+	type: "color",
+	ref
+} : {
+	type: "color",
+	ref,
+	mix
+};
+const px = (value) => ({
+	type: "dimension",
+	px: value
+});
+function toneTokens() {
+	const out = [];
+	const cats = FLOW_TONES.filter((t) => t !== "neutral");
+	for (const t of cats) out.push([`tone-${t}`, color(t)]);
+	out.push(["tone-neutral", color("ink-3")]);
+	for (const t of cats) out.push([`tone-${t}-ink`, color("on-accent")]);
+	out.push(["tone-neutral-ink", color("surface-solid")]);
+	for (const t of cats) out.push([`tone-${t}-soft`, color(t, SOFT_MIX)]);
+	out.push(["tone-neutral-soft", color("surface-sunken")]);
+	for (const t of cats) out.push([`tone-${t}-text`, color(t)]);
+	out.push(["tone-neutral-text", color("ink-2")]);
+	return out;
+}
+/** Every canvas token, in stylesheet order (name without the `--ty-flow-` prefix). */
+const FLOW_TOKENS = [
+	...toneTokens(),
+	["connector", color("input")],
+	["connector-active", color("accent")],
+	["connector-true", color("success")],
+	["connector-false", color("danger")],
+	["connector-rule", color("categorical-2")],
+	["connector-width", px(1.5)],
+	["connector-width-active", px(2.5)],
+	["node-border", color("line-strong")],
+	["node-border-hover", color("input")],
+	["ring-selected", color("accent")],
+	["ring-running", color("warning")],
+	["ring-succeeded", color("success")],
+	["ring-failed", color("danger")],
+	["node-surface", color("surface-raised-solid")],
+	["node-radius", {
+		type: "dimension",
+		ref: "radius-card"
+	}],
+	["plane", color("surface-sunken")],
+	["grid-dot", color("line-strong")],
+	["guide", color("accent")],
+	["marquee", color("accent-soft")],
+	["band", px(96)],
+	["band-label", px(130)],
+	["node-h", px(72)],
+	["node-w", px(236)],
+	["step-w", px(250)],
+	["step-h", px(86)],
+	["col-gap", px(56)],
+	["shape-records", color("accent")],
+	["shape-table", color("categorical-1")],
+	["shape-number", color("warning")],
+	["shape-chart", color("categorical-8")],
+	["shape-decision", color("danger")]
+];
+const flowCssName = (name) => `--ty-flow-${name}`;
+/** CSS value of one canvas token. */
+function flowTokenCss(token) {
+	if ("px" in token) return `${token.px}px`;
+	const ref = `var(--ty-${token.ref})`;
+	return token.type === "color" && token.mix !== void 0 ? `color-mix(in oklab, ${ref} ${token.mix}%, transparent)` : ref;
+}
+/** Ordered `[--ty-flow-name, value]` pairs (the generator's direct serialisation). */
+function flowVariables() {
+	return FLOW_TOKENS.map(([name, token]) => [flowCssName(name), flowTokenCss(token)]);
+}
+/** DTCG tree of the canvas tokens; colour and radius values alias the theme tree. */
+function flowToDtcg() {
+	const flow = {};
+	for (const [name, token] of FLOW_TOKENS) {
+		const app = { cssName: flowCssName(name) };
+		let $value;
+		if ("px" in token) $value = {
+			value: token.px,
+			unit: "px"
+		};
+		else if (token.type === "color") {
+			$value = `{color.${token.ref}}`;
+			if (token.mix !== void 0) app.mix = {
+				space: "oklab",
+				amount: token.mix / 100,
+				with: "transparent"
+			};
+		} else $value = `{dimension.${token.ref}}`;
+		flow[name] = {
+			$type: token.type,
+			$value,
+			$extensions: { "br.com.datatechsolutions.tympan": app }
+		};
+	}
+	return {
+		$description: "Canvas tokens for the flow canvas (@datatechsolutions/tympan/flow). Colour values alias theme roles and are emitted as var() references. Generated by @datatechsolutions/tympan-tokens.",
+		flow
+	};
+}
+/**
+* The `[data-tone]` mapping: a tone name on any element selects its four parts
+* as `--ty-flow-tone`, `-ink`, `-soft` and `-text`.
+*/
+function flowToneRules() {
+	return FLOW_TONES.map((t) => `[data-tone="${t}"] {\n` + [
+		"",
+		"-ink",
+		"-soft",
+		"-text"
+	].map((part) => `  --ty-flow-tone${part}: var(--ty-flow-tone-${t}${part});`).join("\n") + "\n}").join("\n\n");
+}
+//#endregion
+//#region src/index.ts
+const allThemes = [...presets, ...printThemePresets];
+//#endregion
+export { DEFAULT_CHART_HUES, DEFAULT_PRINT_STYLE, DEFAULT_THEME, DENSITIES, ESTADOS_PROVA, FLOW_TOKENS, FLOW_TONES, FONT_ROLE_TOKENS, FORCED_COLORS_VARS, OPAQUE_VARS, PRINT_PRESET_NAMES, PRINT_STYLE_ALIASES, PRINT_THEME_ALIASES, PRINT_THEME_OVERRIDES, PRINT_THEME_PREFIX, RAMP_STEPS, ROLE_ALIASES, ROLE_NAMES, ROTULOS_PROVA, allThemes, apcaContrast, astrlabePreset, buildStylesheet, composite, contrastPairs, contrastRatio, deltaE2000, densityToDtcg, densityVariables, fakhirPreset, flatten, flowCssName, flowToDtcg, flowTokenCss, flowToneRules, flowVariables, fontStackToCss, fromDtcgColor, generatePrintThemesCss, generateRamp, generateThemeCss, googleFontsUrl, gradientToCss, highContrastPreset, legibleOn, luminance, mergePrintStyle, neutralPreset, oklchToRgb, papelEscuro, parseColor, parseFontStack, presetThemeVars, presets, printPresetById, printPresets, printStyleAccent, printStyleCoresPb, printStyleToCss, printStyleToTheme, printStyleVariables, printThemeDroppedPins, printThemeFontUrls, printThemePresets, resolvePrintStyle, resolvePrintStyleName, resolvePrintThemeName, resolveTheme, rgbToLab, rgbToOklab, rgbToOklch, seedFromColor, shadowToCss, themeSelectors, themeToDtcg, themeVariables, themeVarsFor, toCss, toDtcgColor, toGrey, toHex, tympanPreset, warnDeprecatedPrintId };
+
+//# sourceMappingURL=index.js.map