/* ============================================================ LMG Car & Truck — Design Tokens (fonte única de verdade) Regra: nenhum hex solto no projeto. Cor = var() daqui. Famílias: DARK (casca: login+hub) · APP (miolo claro) Fonte da verdade: site no ar (PUBLICAR/*.html) · Poppins+Inter ============================================================ */ :root{ /* DARK · casca premium (login, hub) */ --preto:#070709; --carvao:#0F0F14; --carvao2:#16161C; --linha:#2A2A31; --linha2:#3A3A42; /* MARCA · vermelho LMG (do site no ar) */ --vermelho:#C81810; --vermelho2:#9E1109; --vermelhotxt:#FF6A60; /* METAIS · texto/detalhe no escuro */ --cromo:#E2E4E8; --prata:#AEB1B7; --branco:#F5F6F7; /* DECORATIVO · casca dark (gradiente do lettermark + neutros muito sutis) */ --metal-1:#1A1A20; --metal-2:#0C0C10; --prata2:#7A7A84; --prata3:#6C6C77; /* APP · miolo claro (carteira, ficha, painel) */ --app-fundo:#F4F5F7; --app-sup:#FFFFFF; --app-borda:#E3E5E9; --app-borda2:#CFD3D9; --app-txt:#16161C; --app-txt2:#5B5F66; --app-txt3:#9A9EA6; --app-vermelho:#B3160E; /* STATUS · só badge pequeno, nunca fundo de tela */ --ok:#1E8E3E; --ok-bg:#E7F4EA; --frio:#B3160E; --frio-bg:#FBEAEA; --novo:#1C5BB8; --novo-bg:#EAF0FB; /* TIPOGRAFIA */ --font-titulo:'Poppins',system-ui,sans-serif; --font-corpo:'Inter',system-ui,sans-serif; --fs-12:12px; --fs-14:14px; --fs-16:16px; --fs-20:20px; --fs-24:24px; --fs-32:32px; /* RAIO */ --r-sm:8px; --r-md:12px; --r-lg:16px; /* SOMBRAS sutis */ --sh-1:0 2px 10px rgba(16,16,28,.05); --sh-2:0 10px 30px rgba(0,0,0,.6); } /* Carregar no de cada tela, ANTES de qualquer outro CSS: 3 regras invioláveis: (1) --vermelho = ação (botão/chip/barra), nunca texto pequeno → texto/status usa --app-vermelho (2) verde só status pequeno (--ok), nunca tema/fundo/botão (3) miolo nunca afoga em preto — só a appbar é escura; texto = --app-txt, não #000 */