/* ============================================================================ MMR shared theme — unifies the product with the public landing page. VISUAL ONLY. No data / scoring / routing logic here. Mechanism: the main site has no shared stylesheet — each page carries its own :root + component styles. This file is linked LAST in on every product page, so its token values win and cascade through the existing var()-based rules. Colours/typography come straight from the landing page; corner-radius overrides are cosmetic-only (they never touch layout: padding/grid/flow). Density stays tight (this is the workspace, not the marketing page). ============================================================================ */ /* ---- design tokens (landing palette, mapped onto BOTH naming conventions the pages use: --surface/--surface2 in index, --surface-2 in the dashboard) ---- */ :root:root{ --bg:#07101b; --bg2:#0a1523; --surface:#0e1a2b; --surface2:#111f33; --surface-2:#111f33; --surface-3:#16243a; --panel:#0e1a2b; --border:#21324d; --border2:#2b4165; --border-soft:#1a2942; --line:#21324d; --text:#f2f6fb; --muted:#9babc2; --faint:#6f829c; --accent:#27e281; --accent-2:#4ce89a; --accent-soft:rgba(39,226,129,.13); --bull:#27e281; --bull-soft:rgba(39,226,129,.14); --green:#27e281; --teal:#2fe6bd; --bear:#ff6876; --bear-soft:rgba(255,104,118,.14); --red:#ff6876; --warn:#ffb547; --amber:#ffb547; --calm:#5aa7ff; --blue:#5aa7ff; --ctx:#9184e0; --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Consolas,monospace; --sans:var(--font-sans); --mono:var(--font-mono); /* radius scale (landing language) */ --r-card:14px; --r-lg:20px; --r-pill:999px; --r-input:10px; } /* ---- global polish (safe, cosmetic) ---- */ html{scroll-behavior:smooth} ::selection{background:rgba(39,226,129,.28);color:#fff} :focus-visible{outline:2px solid var(--accent);outline-offset:2px} /* subtle refined scrollbar to match the premium dark feel */ *{scrollbar-color:#2b4165 transparent} ::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-thumb{background:#22344f;border-radius:999px;border:2px solid transparent;background-clip:content-box} ::-webkit-scrollbar-thumb:hover{background:#2b4165;background-clip:content-box} /* headings — same family, slightly tighter tracking (cosmetic only) */ h1,h2,h3{letter-spacing:-.02em} /* ---- corner-radius alignment (ONLY border-radius — never layout) ---- Rounds the recurring product components to the landing's rounded language. */ .card,.panel,.tile,.stile,.scard,.lcard,.sigcard,.stepcard,.oppanel,.howCard, .box,.duo>*,.erc-panel,.erc-scorebox,.exp-inc{border-radius:var(--r-card)} .btn,.btns .btn,.hcta .btn,.cta a,button.btn{border-radius:var(--r-pill)} .btn:hover{filter:brightness(1.06)} input,select,textarea,.exp-search,.search,input[type=search],input[type=text],input[type=number]{border-radius:var(--r-input)} .badge,.pill,.tag,.ntag,.chip,.echip,.hchip,.vpill,.zbadge,.fz,.mmr-ad{border-radius:var(--r-pill)} /* ---- unified product header: center the MCR market strip to the nav's 1240 container ---- (main-site only — /v2 doesn't load this file, so its bar is untouched) */ #mcrbar-root{--mb-inset:#07101b} #mcrbar-root .tape{justify-content:center} #mcrbar-root .tape,#mcrbar-root .newsbar,#mcrbar-root .evwrap{padding-inline:max(20px,calc((100% - 1240px)/2 + 20px))} /* ---- mobile hardening (shared, pass 1) — safe: no overflow:hidden on sticky ancestors, no canvas resize ---- */ img{max-width:100%;height:auto} table{max-width:100%} @media(max-width:820px){ #mmr-nav-root .mmr-lnk{min-height:40px} /* comfortable tap targets in the collapsed menu */ #mcrbar-root .tape .it{padding:8px 12px} /* tighter ticker items on phones */ } @media(max-width:560px){ .metrics{grid-template-columns:1fr 1fr!important} /* app-home metric grids -> 2-up on phones */ }