/* ============================================================================ MCF Web-Mobile — Design tokens --t-* Extraidos de docs/Frontend/fontes/fonte-mobile.dc.html:307-310 (THEMES()). 4 temas: Aurora(t1) Terra(t2) Lima(t3) Dark(t4) + system (resolve via app.js). Mobile-first. Aplicados por [data-theme] em (app.js define o atributo). ============================================================================ */ :root { /* Aurora (t1) — padrao (fonte-mobile:307) */ --t-bg: #0b1628; --t-bg2: #111e36; --t-bg3: #182744; --t-primary: #2563eb; --t-primaryl: #3b82f6; --t-accent: #38bdf8; --t-text: #f1f5f9; --t-text2: #94a3b8; --t-text3: #64748b; --t-border: rgba(255, 255, 255, .09); --t-inv: #0b1628; --t-font: 'Syne', system-ui, sans-serif; /* Escala tipografica (fonte-mobile:74-76,131,158,236) */ --fs-hero: 58px; /* relogio */ --fs-money: 30px; /* valor financeiro */ --fs-title: 19px; /* titulo appbar */ --fs-card: 15px; /* titulo card */ --fs-body: 14px; --fs-sm: 13px; --fs-meta: 12px; --fs-xs: 11px; --fs-nav: 9px; /* label bottom-nav */ /* Spacing / raios / elevacao (fonte-mobile:81-88,113) */ --sp: 16px; /* padding de conteudo padrao */ --gap: 11px; /* gap entre cards */ --r-card: 16px; --r-btn: 12px; --r-icon: 12px; --r-pill: 999px; --sh-fab: 0 12px 28px rgba(0, 0, 0, .45); /* Safe areas (fonte-mobile:99-102 = lacuna suprida aqui) */ --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); /* Cores de status semanticas (fonte-mobile:85,146-148,159) */ --st-ok: #16a34a; --st-warn-bg: rgba(245, 158, 11, .16); --st-warn-fg: #b45309; --st-late-bg: rgba(220, 38, 38, .14); --st-late-fg: #dc2626; } /* Terra (t2) — fonte-mobile:308 */ [data-theme="t2"] { --t-bg: #fdf6ee; --t-bg2: #ffffff; --t-bg3: #f5ebe0; --t-primary: #c45e1c; --t-primaryl: #ee7f3d; --t-accent: #c45e1c; --t-text: #331907; --t-text2: #786d65; --t-text3: #a39a92; --t-border: #e7d8cb; --t-inv: #fdf6ee; --t-font: 'Nunito', system-ui, sans-serif; } /* Lima (t3) — fonte-mobile:309 */ [data-theme="t3"] { --t-bg: #fafaf4; --t-bg2: #ffffff; --t-bg3: #e6f5ec; --t-primary: #16a34a; --t-primaryl: #22c55e; --t-accent: #16a34a; --t-text: #032e16; --t-text2: #4b5563; --t-text3: #9ca3af; --t-border: #e2e8e4; --t-inv: #fafaf4; --t-font: 'Fraunces', system-ui, serif; } /* Dark (t4) — fonte-mobile:310 */ [data-theme="t4"] { --t-bg: #0c0c0e; --t-bg2: #161618; --t-bg3: #232327; --t-primary: #3b82f6; --t-primaryl: #60a5fa; --t-accent: #60a5fa; --t-text: #f4f4f5; --t-text2: #a1a1aa; --t-text3: #71717a; --t-border: rgba(255, 255, 255, .08); --t-inv: #0c0c0e; --t-font: 'Inter', system-ui, sans-serif; }