/* ============================================================ * bio-public.css — editorial link-in-bio layout * * Used by: * - public/bio.php (user mirror host /bio page) * - includes/bio_editor.php (right-column live preview) * * All selectors are namespaced with `.bp-` so the same stylesheet * can load inside the editor (where the rest of the admin chrome * lives) without colliding with bio.css / landing.css. * * Source-of-truth markup: uploads/bio-public-editorial.html * Token references match autoteambuilder/public/assets/theme.css. * ============================================================ */ .bp-scope{ /* Theme-driven tokens, default to Editorial cream. * PHP renderer + editor JS rewrite these on `.bp-scope` via the * data-mode attr or theme picks. */ --bp-bg:#fbfaf6; --bp-surface:#f5f1e8; --bp-surface-2:#fbfaf6; --bp-banner:#0b3d2e; --bp-banner-tone:rgba(255,255,255,0.12); --bp-on-surface:#1a1a1a; --bp-on-surface-mute:#5f6d62; --bp-accent:#0b3d2e; --bp-accent-hover:#b08049; --bp-on-accent:#fff8e8; --bp-ring:rgba(0,0,0,0.08); --bp-ring-2:rgba(0,0,0,0.12); --bp-hairline:rgba(0,0,0,0.06); --bp-hairline-2:rgba(0,0,0,0.1); --bp-hairline-3:rgba(0,0,0,0.16); --bp-shadow-soft:0 1px 2px rgba(11,36,25,.03), 0 8px 24px -10px rgba(11,36,25,.08); } /* DARK MODE — only flip the GENERIC dark-mode tokens (text-on-surface, * hairlines, rings, banner-tone, surface-2). Theme-specific values * (--bp-bg, --bp-surface, --bp-banner, --bp-accent, --bp-accent-hover, * --bp-on-accent) are set per-theme by the PHP