/* FounderPact — guide theme variant (BRAND.md palette). Colors only: no copy, layout, or shape changes. Activated by ?theme=guide, which sets html[data-theme="guide"] (see loader in index.html ). */ /* Token remap — pact-v14 vars (declared on body.home) */ html[data-theme="guide"] body.home { --paper: #faf9f7; --ink: #292524; --sub2: #57534e; --gold: #e8833a; /* Signal Amber 400 — decorative only */ --gold-deep: #b4530a; /* Signal Amber 600 — text-safe */ --oxblood: #b4530a; /* gaps are amber, never red */ --hair: rgba(41, 37, 36, 0.14); } /* Token remap — styles.css vars + the shared letterpress vars used by /equity/ and /enter/ (same names as pact-v14, declared per page) */ html[data-theme="guide"] body { --bg: #faf9f7; --sub: #57534e; --hairline: rgba(41, 37, 36, 0.1); --gold-soft: rgba(232, 131, 58, 0.16); --paper: #faf9f7; --ink: #292524; --sub2: #57534e; --gold: #e8833a; --gold-deep: #b4530a; --oxblood: #b4530a; --hair: rgba(41, 37, 36, 0.14); } /* Blue leads — display type, wordmark, structure */ html[data-theme="guide"] .cover-title, html[data-theme="guide"] .serif-h, html[data-theme="guide"] .sig-title, html[data-theme="guide"] .kinetic, html[data-theme="guide"] .mnav a, html[data-theme="guide"] .mark span { color: #1b3a5c; } html[data-theme="guide"] .mark svg circle:first-of-type { stroke: #1b3a5c; } html[data-theme="guide"] .mark svg circle:last-of-type { stroke: #b4530a; } html[data-theme="guide"] .clause-tag { color: #2e6fb2; } html[data-theme="guide"] .clause-tag::after { background: #2e6fb2; opacity: 0.6; } html[data-theme="guide"] .spine i { background: linear-gradient(#1b3a5c, #2e6fb2); } html[data-theme="guide"] .spine i::after { background: #2e6fb2; } html[data-theme="guide"] .letterhead::before { color: #e8833a; } html[data-theme="guide"] .cover-title em { color: #3e7c59; } html[data-theme="guide"] .cover-title .dot { color: #e8833a; } /* Amber acts — CTAs and action accents (same shapes, new color) */ html[data-theme="guide"] .seal-btn { background: linear-gradient(160deg, #e8973a 0%, #cf6a1a 45%, #b4530a 100%); } html[data-theme="guide"] .nav-cta { color: #b4530a; border-bottom-color: #e8833a; } html[data-theme="guide"] .line-link .arr { color: #b4530a; } html[data-theme="guide"] .kinetic .g { color: #b4530a; } html[data-theme="guide"] .a-stamp { color: #b4530a; border-color: rgba(232, 131, 58, 0.75); } /* Green agrees — alignment states */ html[data-theme="guide"] .margin-note #alignPct { color: #2f5e45; } html[data-theme="guide"] .chip.ok { border-color: rgba(62, 124, 89, 0.5); color: #2f5e45; background: rgba(62, 124, 89, 0.07); } html[data-theme="guide"] .badge-out { background: rgba(62, 124, 89, 0.1); color: #2f5e45; border-color: rgba(62, 124, 89, 0.4); } html[data-theme="guide"] .badge-out[data-w="1"] { background: rgba(41, 37, 36, 0.05); color: #292524; border-color: var(--hair); } html[data-theme="guide"] .status.ok { color: #2f5e45; } /* Gaps are amber, never red */ html[data-theme="guide"] .chip.hard { color: #b4530a; border-color: rgba(180, 83, 10, 0.32); } /* Surfaces — warm grey panels on warm paper */ html[data-theme="guide"] .how, html[data-theme="guide"] .privacy { background: #f5f4f2; } html[data-theme="guide"] .demo-card, html[data-theme="guide"] .modal-card, html[data-theme="guide"] .ticket { background: #fbfaf8; } html[data-theme="guide"] .demo-card::before, html[data-theme="guide"] .modal-card::before { border-color: rgba(232, 131, 58, 0.3); } html[data-theme="guide"] .ticket { border-color: rgba(232, 131, 58, 0.5); } html[data-theme="guide"] .ticket::before { border-color: rgba(232, 131, 58, 0.4); } html[data-theme="guide"] .dopt:hover { border-color: #e8833a; background: rgba(232, 131, 58, 0.05); } html[data-theme="guide"] .amend:hover { background: rgba(232, 131, 58, 0.04); } html[data-theme="guide"] #topbar.scrolled { background: rgba(250, 249, 247, 0.8); } /* The wall — Pact Blue 900 */ html[data-theme="guide"] .wall-line { background: linear-gradient(transparent, #12283f 15%, #12283f 85%, transparent); } /* Film grade — gold ribbon and wax seal shifted toward Signal Amber */ html[data-theme="guide"] #lensVideo, html[data-theme="guide"] #sealVideo { filter: hue-rotate(-16deg) saturate(1.12); } /* ---- The Split (/equity/) ---- */ html[data-theme="guide"] .display, html[data-theme="guide"] .grave-h, html[data-theme="guide"] .fate-name { color: #1b3a5c; } html[data-theme="guide"] body:not(.home) #topbar { background: rgba(250, 249, 247, 0.85); } html[data-theme="guide"] .cover-wash { background: linear-gradient(90deg, var(--paper) 0%, rgba(250,249,247,0) 22%, rgba(250,249,247,0) 78%, var(--paper) 100%), radial-gradient(ellipse 85% 70% at 38% 45%, rgba(250,249,247,0.15) 0%, rgba(250,249,247,0.85) 80%, var(--paper) 100%), linear-gradient(180deg, rgba(250,249,247,0.7) 0%, rgba(250,249,247,0.15) 40%, rgba(250,249,247,0.98) 96%); } html[data-theme="guide"] .act.alt { background: #f5f4f2; } html[data-theme="guide"] .stat, html[data-theme="guide"] .scn { background: #fbfaf8; } html[data-theme="guide"] .run-stage::before { border-color: rgba(232, 131, 58, 0.25); } html[data-theme="guide"] .body a, html[data-theme="guide"] .a-src a { border-bottom-color: rgba(232, 131, 58, 0.45); } html[data-theme="guide"] .scn .verdict.ok { color: #2f5e45; background: rgba(62, 124, 89, 0.12); } html[data-theme="guide"] .beat-verdict.ok { color: #2f5e45; border-color: rgba(62, 124, 89, 0.75); } html[data-theme="guide"] .beat-verdict.bad { border-color: rgba(180, 83, 10, 0.6); } html[data-theme="guide"] .run-bar .seg-bar.gone { background: repeating-linear-gradient(45deg, #b4530a 0 7px, #c96a24 7px 14px) !important; } html[data-theme="guide"] #coverFilm, html[data-theme="guide"] .fate-film { filter: hue-rotate(-16deg) saturate(1.12); }