/* Speedstrap — colour. Five colours plus one figure-only grey. Nothing else.
   Source: speedstrapbook-site/tokens.css, pipeline/preamble.tex l.137-141,
   scripts/book_tokens.py. See readme.md "PALETTE PROHIBITION". */
:root{
/* base palette */
--paper:#F2E8D5;
--ink:#2A2118;
--oxblood:#8E3B2A;
--panel:#E9DCC3;
--rule:#DED2BA;
--ink-70:#4D4D4D; /* figure-internal labels only (pentagram). Not for UI. */

/* semantic aliases — the only names UI should reference */
--surface-page:var(--paper);
--surface-card:var(--panel);
--surface-inset:var(--panel);
--surface-invert:var(--ink);

--text-body:var(--ink);
--text-heading:var(--ink);
--text-accent:var(--oxblood);
--text-label:var(--ink);
--text-on-invert:var(--paper);
--text-figure:var(--ink-70);

--border-hairline:var(--rule);
--border-strong:var(--oxblood);
--border-field:var(--ink);

--link:var(--oxblood);
--link-hover:var(--ink);

--accent-rule:var(--oxblood);

/* state — built from the same five colours. There is no success green and no
   error red; the print build allows one accent and the web page inherits that. */
--state-ok-border:var(--oxblood);
--state-ok-fill:var(--panel);
--state-error-border:var(--ink);
--state-error-fill:var(--panel);
--state-disabled-text:color-mix(in srgb,var(--ink) 40%,var(--paper));
--state-disabled-border:var(--rule);

/* ink washes — derived, for hover/press only. No new hues. */
--ink-wash-04:color-mix(in srgb,var(--ink) 4%,transparent);
--ink-wash-08:color-mix(in srgb,var(--ink) 8%,transparent);
--oxblood-wash-10:color-mix(in srgb,var(--oxblood) 10%,transparent);
--oxblood-press:color-mix(in srgb,var(--oxblood) 82%,var(--ink));
}