/* ========================================================================= PROJECT U.P. — DESIGN TOKENS Source of truth: Project_UP_Brand_Guide.pdf (2026 Edition — Men & Women) -------------------------------------------------------------------------- Three palettes share one root file: :root → NEUTRAL HOME (the "front door" between the two brands) body.brand-women → WOMEN'S / Sculpt Shoot / Candy body.brand-men → MEN'S / Performance Lab / Jesse Add the matching class to on each page. The home (/index.html) sets no class — it inherits the :root neutral palette. Shared anchors (NEVER override per brand): --gold shared primary accent --font-serif-women Cormorant Garamond (women's + neutral display) --font-display-men League Gothic (men's display) --font-sans-women Jost (women's body + neutral body) --font-sans-men Poppins (men's body) --font-mono Roboto Mono (men's labels + neutral eyebrows) ========================================================================= */ :root { /* --- Shared brand anchors --------------------------------------------- */ --gold: #B99973; /* Primary accent — shared across all three palettes */ --gold-soft: #D4BC9A; /* Women's "Gold Lt" — borders / subtle */ --gold-deep: #957550; /* Hover / pressed state */ --font-serif-women: "Cormorant Garamond", Georgia, "Times New Roman", serif; --font-display-men: "League Gothic", "Bebas Neue", "Oswald", Impact, sans-serif; --font-sans-women: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-sans-men: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace; --maxw: 720px; --maxw-wide: 1100px; /* --- NEUTRAL HOME (default) ------------------------------------------- */ /* Slate + warm-stone middle ground. Not Ivory. Not Black. Bridges both. */ --bg: #E8E6E1; /* Stone — warm slate-neutral background */ --bg-alt: #DEDBD3; /* Slightly darker stone for alt panels */ --bg-dark: #1F2024; /* Slate-near-black (between Espresso #2A2118 and Black #1A1A1A) */ --surface: #F2F0EB; /* Card / surface — almost ivory, slightly cooler */ --ink: #1F2024; /* Primary text — slate-black */ --ink-muted: #5A5C60; /* Body / secondary text — true slate */ --ink-soft: #8A8A88; /* Captions / meta */ --line: #C9C5BC; /* Hairlines / dividers */ --accent: #6E7A66; /* Slate-olive (splits Women's Sage + Men's Olive) */ --font-display: var(--font-serif-women); /* Neutral home uses Cormorant non-italic */ --font-body: var(--font-sans-women); /* Jost — also women's body, gender-neutral */ --font-label: var(--font-mono); /* Roboto Mono eyebrows for industrial edge */ } /* =========================================================================== WOMEN'S BRAND · Candy / Sculpt Shoot / 12-Week Program Apply with Source: Brand Guide page 04 =========================================================================== */ body.brand-women { --bg: #FAF6F1; /* Ivory — primary bg */ --bg-alt: #F3EDE4; /* Warm — card / surface */ --bg-dark: #2A2118; /* Espresso — dark sections */ --surface: #FFFFFF; --ink: #2A2118; /* Espresso — primary text */ --ink-muted: #7A6E64; /* Mid — body text */ --ink-soft: #A89E94; /* Muted — captions */ --line: #D4BC9A; /* Gold Lt — borders / subtle */ --accent: #8A9882; /* Sage — secondary accent */ --alert: #C9846E; /* Blush — alerts / urgency */ --font-display: var(--font-serif-women); --font-body: var(--font-sans-women); --font-label: var(--font-sans-women); /* Tracked Jost Light for women's labels */ } /* =========================================================================== MEN'S BRAND · Jesse / Performance Lab / Executive Coaching Apply with Source: Brand Guide page 03 =========================================================================== */ body.brand-men { --bg: #1A1A1A; /* Black — background */ --bg-alt: #232323; /* Slightly raised panel */ --bg-dark: #0F0F0F; /* Deepest section */ --surface: #48494B; /* Charcoal — surfaces / cards */ --ink: #E6E7D9; /* Off-white — headlines */ --ink-muted: #DAD3C9; /* Cream — body text */ --ink-soft: #8A8B7C; /* Muted captions */ --line: #2E2E2E; /* Hairlines on dark */ --accent: #4B5145; /* Olive — tertiary accent */ --font-display: var(--font-display-men); /* League Gothic — ALL CAPS headlines */ --font-body: var(--font-sans-men); /* Poppins Light */ --font-label: var(--font-mono); /* Roboto Mono — labels / metadata */ }