/* Design tokens — ÚNICA fonte de cores, tipografia e espaçamento do app. Nenhuma cor/fonte/medida deve aparecer hardcoded fora daqui. Tema: a classe .tema-escuro no troca a paleta (app.js define no boot). */ :root { /* Cor — tema claro */ --cor-fundo: #F7F6F2; --cor-superficie: #FFFFFF; --cor-superficie-2: #F1EFE9; --cor-texto: #22302E; --cor-texto-suave: #5B6B67; --cor-primaria: #0F766E; --cor-primaria-forte: #0B5952; --cor-primaria-tint: #E3F1EF; --cor-acento: #C2410C; --cor-borda: #E4E1D7; --cor-sucesso: #15803D; --cor-perigo: #B91C1C; /* Tipografia */ --fonte-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --fonte-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --texto-xs: 0.8125rem; --texto-sm: 0.9375rem; --texto-base: 1.0625rem; --texto-lg: 1.25rem; --texto-xl: 1.625rem; --texto-2xl: 2.125rem; --lh-prosa: 1.65; --lh-titulo: 1.3; --largura-prosa: 46rem; /* Espaço (escala de 4px) */ --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px; --esp-7: 40px; --esp-8: 48px; /* Raio e sombra */ --raio-sm: 8px; --raio-md: 12px; --raio-pill: 999px; --sombra: 0 1px 3px rgb(0 0 0 / .07), 0 4px 16px rgb(0 0 0 / .05); /* Estrutura */ --larg-sidebar: 264px; --transicao: 150ms ease-out; } .tema-escuro { --cor-fundo: #101615; --cor-superficie: #18211F; --cor-superficie-2: #1F2A27; --cor-texto: #E7E5DF; --cor-texto-suave: #98A6A1; --cor-primaria: #3FB9A5; --cor-primaria-forte: #5ED0BC; --cor-primaria-tint: #12332E; --cor-acento: #F59E0B; --cor-borda: #2B3835; --cor-sucesso: #4ADE80; --cor-perigo: #F87171; --sombra: 0 1px 3px rgb(0 0 0 / .25), 0 4px 16px rgb(0 0 0 / .2); }