/* app/assets/fonts.css * O Dash injeta automaticamente qualquer CSS em app/assets/ no . * Basta este arquivo existir para a Inter passar a valer no dashboard inteiro. * Inter é o padrão de facto de dashboards modernos (Vercel, Linear, etc.). */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap'); /* Base global — casa com FONT_FAMILY do design_system.py */ html, body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #F8F9FB; /* COLORS["bg_app"] */ color: #121926; /* COLORS["text_primary"] */ margin: 0; } /* Números tabulares alinham dígitos nas colunas — essencial em KPI/tabela. * Sem isso, "1.751" e "477" ficam com larguras de dígito diferentes. */ .kpi-value, .dash-table-container td { font-variant-numeric: tabular-nums; } /* Foco visível para acessibilidade (AA) — nunca remova o outline sem substituir */ *:focus-visible { outline: 2px solid #6EA0FF; /* COLORS["focus_ring"] */ outline-offset: 2px; }