/* ===================================================================
RevRep — single source of truth. Tokens defined ONCE here; every
component (including the signature .choice / .setup / .does /
.section--cinema modules) reads from these. Fonts are loaded via
in each HTML so they
stream in parallel with this stylesheet.
=================================================================== */
:root{
/* Fonts — display (wordmark + headings) uses General Sans via Fontshare; body uses Inter
via Google Fonts. The seal r² stays Georgia per brand sheet. */
--font-body: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
--font-display: 'General Sans', 'Inter', system-ui, sans-serif;
--font-seal: 'Georgia', 'Gelasio', 'Times New Roman', serif;
/* Ink + neutrals (Ink #1A1A17 per brand sheet) */
--ink:#1A1A17;
--ink-soft:#3d4651; /* primary secondary text — body copy */
--muted:#5b6470; /* tertiary text — captions, sub-labels */
--stone:#C9A66B; /* Kiwi tan — warm accent + .ai suffix */
--cream:#FAF7F0; /* Cream — background & base, on-green text */
--bg:#ffffff;
--bg-soft:#FAF7F0; /* soft sections now sit on brand Cream */
--bg-softer:#f1ecde;
--line:rgba(26,26,23,.10);
--line-strong:rgba(26,26,23,.16);
/* Brand — Revenue Green #83C702 is the provisional primary. The token NAMES kept as
--brand-green* because they're consumed in 50+ places; treat them as "brand primary".
Per brand sheet: "the primary color can be swapped everywhere in seconds." */
--brand-green:#3E9142;
--brand-green-dark:#356F3A;
--brand-green-deep:#356F3A;
--brand-green-ink:#1a2e10;
--brand-green-bright:#5FBE66;
--brand-green-soft:rgba(62,145,66,.12);
/* Dark/hero surface */
--hero-bg:#0a0e11;
--hero-ink:#f4f6f5;
--hero-muted:rgba(244,246,245,.66);
--hero-line:rgba(244,246,245,.12);
--glass:rgba(13,19,21,.62);
/* Layout */
--maxw:1200px;
--radius:14px;
--radius-lg:20px;
/* Motion — ONE easing, ONE duration scale, ONE reveal distance */
--motion-ease: cubic-bezier(.2, .7, .2, 1);
--motion-fast: .22s;
--motion-base: .36s;
--motion-slow: .55s;
--motion-rise: 14px;
--motion-stagger: 90ms;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ font-family:var(--font-body); color:var(--ink); background:var(--bg); line-height:1.6; -webkit-font-smoothing:antialiased; }
/* Defensive: inline