/* =============================================================================
WonFlo — shared design tokens (Wave 7 marketing/resources system)
-----------------------------------------------------------------------------
The NEW marketing/resources pages (index.html, /resources/*) link this file
for a single source of truth on color, type, and layout tokens.
Fonts are loaded per-page via Google Fonts in the document
(preconnect + stylesheet) so each page keeps the prototype's load path:
display : Bricolage Grotesque
body : Hanken Grotesk
mono : Spline Sans Mono
NOTE: The legacy pages (privacy/terms/cookies, signup/welcome/founding) keep
their own inline token sets and DO NOT use this file. Do not retrofit them
here — the old orange theme and this slate/copper theme intentionally differ
for now (tracked as a follow-up visual-unification task).
========================================================================== */
:root {
/* Palette — slate / copper / cream / bone / charcoal / cool gray (+ shades) */
--slate:#0F1B2D; --slate-2:#16243A; --slate-3:#0B1422;
--copper:#B8702E; --copper-light:#E8C9A6; --copper-deep:#2B1A0A;
--cream:#FAFAF7; --bone:#E8E5DC; --bone-2:#EFEDE4;
--charcoal:#1F2937; --gray:#6B7280; --slate-mute:#9FB0C3;
--line-dark:rgba(232,229,220,.12); --line-light:rgba(15,27,45,.10);
/* Semantic success accents (used by the cost-per-job calculator) */
--green:#9ED66E; /* on dark surfaces (e.g. profit on the slate results panel) */
--green-deep:#3B6D11; /* on light surfaces (e.g. the close-rate explorer) */
--error:#B42318; /* error/status text on light surfaces (capture forms) */
/* Type families (loaded via in each page ) */
--display:'Bricolage Grotesque',sans-serif;
--body:'Hanken Grotesk',sans-serif;
--mono:'Spline Sans Mono',monospace;
/* Layout */
--maxw:1120px;
}