/* Reference source palette and typography contract. Package A owns these tokens. */
:root {
	--sq-ink: #17160f;
	--sq-body: #3f3d34;
	--sq-sage: #82b479;
	--sq-sage2: #6fa267;
	--sq-green: #3f6d3f;
	--sq-alert: #b00020;
	--sq-mute: #6b6860;
	--sq-line: #e3dfd3;
	--sq-line2: #dcd8cc;
	--sq-mapbg: #e9e6dd;
	--sq-ink2: #2c2a20;
	--sq-gold: #ffd500;
	--sq-gold2: #e0bc00;
	--sq-blue: #4c7be1;
	--sq-mute2: #8a877d;
	--sq-faint: #cfccc2;
	--sq-cream: #f6f4ee;
	--sq-line3: #e6e2d6;

	/* Extended palette. The source palette.css defines 18 tokens (everything
	   above, ported verbatim). The values below are NOT drift to be flattened
	   into the 18 -- they are real design values the fixtures use repeatedly and
	   which had no token to point at, so every call site hard-coded them. Named
	   here so they can be referenced instead of retyped; values unchanged. */
	--sq-white: #ffffff;
	--sq-footer: #efece3;
	--sq-sage-tint: #d7e5d2;   /* sage, ~20% over cream -- band fills */
	--sq-sage-wash: #eef3ec;   /* sage, lightest wash -- large surfaces */
	--sq-sand: #eee9dd;        /* warm neutral, lighter than --sq-line */
	--sq-sand-warm: #e6dfcf;
	--sq-sand-mid: #bdb8aa;
	--sq-sand-deep: #c3bdae;

	--sq-font-display: var(--wp--preset--font-family--montserrat, "Montserrat", Arial, sans-serif);
	--sq-font-body: var(--wp--preset--font-family--nunito-sans, "Nunito Sans", Arial, sans-serif);
	--sq-font-mono: var(--wp--preset--font-family--ibm-plex-mono, "IBM Plex Mono", "Courier New", monospace);
	--sq-shell-width: 1180px;
}
