/* ============================================================================ pulso-bridge.css — Pass 6 / Plano 10/10 Design Unifica as páginas legado (--teal #14b8a6 / fundo #060918 / só Inter) no design system oficial --pulso-* SEM mexer no markup/JS de cada página. Carregar como ÚLTIMO do (vence o :root inline legado). Mapeamento semântico: teal→ciano · purple→roxo · amber→lime. Bump ?v= ao alterar. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Bricolage+Grotesque:wght@600;700;800&family=Inter:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap'); /* ---- Cores (remap das variáveis legado p/ os tokens oficiais) ---- */ :root{ --bg:#0a0a0f !important; --card:#1a1a24 !important; --card2:#22222e !important; --border:rgba(160,160,184,.12) !important; --border-strong:rgba(160,160,184,.2) !important; --teal:#00bcd4 !important; --cyan:#00bcd4 !important; --purple:#9f00ff !important; --amber:#84cc16 !important; --red:#ff0073 !important; --pink:#ff0073 !important; --text:#F4F4F8 !important; --dim:#A0A0B8 !important; --dim2:#A0A0B8 !important; /* tokens oficiais (caso a página já os use) */ --pulso-roxo:#9f00ff; --pulso-ciano:#00bcd4; --pulso-pink:#ff0073; --pulso-lime:#84cc16; --pulso-bg:#0a0a0f; --pulso-bg-elevated:#1a1a24; --pulso-text:#F4F4F8; --pulso-text-muted:#A0A0B8; --pulso-gradient-main:linear-gradient(135deg,#9f00ff,#00bcd4); --pulso-ease:cubic-bezier(0.23,1,0.32,1); } /* fundo escuro velho hardcoded → token novo (cobre body com #060918 literal) */ body{ background:var(--bg, #0a0a0f); } /* ---- Tipografia canônica (Outfit título · Bricolage números · Geist Mono labels · Inter corpo) ---- */ body{ font-family:'Inter',system-ui,-apple-system,sans-serif; } h1,h2,h3,.page-title,.card-title,.hero h1,.topbar-title,.modal h2{ font-family:'Outfit','Inter',sans-serif; letter-spacing:-0.01em; } .streak-num,.badge-num,.kpi-value,.summary-num,.cs-kpi-value,.xp-num,.score-num,#xpValue,#streakNum,#mioscoreNum{ font-family:'Bricolage Grotesque','Outfit',sans-serif; } .eyebrow,.section-title,.badge-status,.streak-label,.summary-label,.cs-kpi-label,.rl-timer,[class*="-mono"]{ font-family:'Geist Mono',ui-monospace,'SFMono-Regular',monospace; } /* ---- Microinteração de toque (Emil): botões respondem ao :active ---- */ button:active,.btn:active,.btn-mini:active,.ex-done-btn:active,.cs-btn:active{ transform:scale(0.97); transition:transform .12s var(--pulso-ease, ease-out); }