/* ========================================================================== hub.css — Padrão visual compartilhado dos dashboards Alliance (Central Admin) -------------------------------------------------------------------------- Fonte ÚNICA de: largura de conteúdo, carregamento de fontes e respiro base. NÃO redefine cores — cada página mantém seus próprios tokens :root. Regra de uso: linkar como o ÚLTIMO recurso de estilo do (logo antes de ), para que estas regras vençam o CSS inline por ordem de cascata. Mesmo arquivo é copiado para cada repo pelo deploy.sh. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap'); :root{ --hub-maxw: 1080px; /* largura canônica dos dashboards densos */ --hub-maxw-read: 860px; /* páginas de leitura (metodologia, docs) */ --hub-maxw-wide: 1240px; /* tabelas densas (conciliador, financeiro)*/ --hub-pad-x: 28px; /* respiro lateral do container */ } /* Container padrão — MESMA largura em todos os dashboards ------------------ */ .wrap{ max-width: var(--hub-maxw); margin-left: auto; margin-right: auto; padding-left: var(--hub-pad-x); padding-right: var(--hub-pad-x); box-sizing: border-box; } /* Variações intencionais (adicionar a classe ao próprio .wrap) ------------- */ .wrap.wrap--read{ max-width: var(--hub-maxw-read); } /* leitura: texto longo */ .wrap.wrap--wide{ max-width: var(--hub-maxw-wide); } /* tabelas densas (larga) */ .wrap.wrap--full{ max-width: none; padding-left:0; padding-right:0; } /* tela cheia: mapas */ /* Tipografia base consistente --------------------------------------------- */ body{ font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Respiro menor no celular ------------------------------------------------- */ @media (max-width: 640px){ :root{ --hub-pad-x: 16px; } }