/**
 * Partitur — design tokens.
 *
 * Every value in this file is fixed by the handoff. Nothing here is a
 * judgement call, so anything that needs to change should change here and
 * nowhere else. The editor canvas loads this file too, which is why it is
 * separate from theme.css.
 *
 * One deviation from the handoff, and why:
 *
 *   --pt-dim (#928B7C) measures 3.24:1 on paper. The handoff acknowledges this
 *   and restricts the colour to "non-essential meta". The trouble is that
 *   almost nothing it is applied to in these templates is non-essential: the
 *   mono lines carry read time and the month a guide was verified, the tempo
 *   sub-labels carry the plain-language duration that the italic Italian is
 *   supposed to be glossed by, and "all 214 guides" and "+ 18 more" are links.
 *
 *   So the token keeps its specified value for genuinely ornamental uses, and
 *   --pt-dim-text carries the same warm grey darkened to 5.2:1 for every use
 *   that is a link, a control, a heading, or the readable gloss of a
 *   decorative mark. A colour used as ornament and the same colour used as
 *   small type cannot be one value.
 */

:root {
	/* Colour. */
	--pt-ink: #191713;
	--pt-wine: #7a2733;
	--pt-rose: #c48a93;
	--pt-paper: #fcfaf5;
	--pt-leaf: #f0ede3;
	--pt-rule: #dcd6c9;
	--pt-rule-dim: #e6e0d2;
	--pt-dim: #928b7c;
	--pt-dim-text: #6f6a5d;
	--pt-stone: #b9b0a0;
	--pt-ink-line: #4a453d;
	--pt-body: #26231d;
	--pt-secondary-border: #c5bdac;

	/* Working greys the comps use for running secondary copy. */
	--pt-quiet: #4c473e;
	--pt-quieter: #5a554b;
	--pt-nav: #3b372f;
	--pt-on-ink-quiet: #b3aca0;

	/* Type. */
	--pt-serif: "EB Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--pt-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

	/* Spacing — multiples of the 5px stave gap. */
	--pt-s1: 5px;
	--pt-s2: 10px;
	--pt-s3: 20px;
	--pt-s4: 30px;
	--pt-s5: 44px;
	--pt-s6: 62px;
	--pt-s7: 90px;

	/* Frame. */
	--pt-max: 1160px;
	--pt-gutter: 44px;
	--pt-measure: 68ch;

	/* Motion. Zeroed wholesale under prefers-reduced-motion, below. */
	--pt-fast: 120ms;
	--pt-mid: 140ms;
	--pt-slow: 180ms;
	--pt-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (max-width: 640px) {
	:root {
		--pt-gutter: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--pt-fast: 0ms;
		--pt-mid: 0ms;
		--pt-slow: 0ms;
	}
}