/* ============================================================ IA Cadu v2 — Design Tokens Identidade herdada da "Visão D" da v1: fonte Inter, fundo #EEF1F7, cards sem borda com sombra suave, cantos 18px, gradientes para o azul-noite #1E1B4B. --ic-primary é sobrescrita em runtime pela cor da organização (inline no , ver layouts). ============================================================ */ :root { /* Tipografia — Inter (Visão D da v1); títulos e texto na mesma família */ --ic-font-titulo: 'Inter', 'Segoe UI', system-ui, sans-serif; --ic-font-texto: 'Inter', 'Segoe UI', system-ui, sans-serif; --ic-texto-xs: 0.75rem; --ic-texto-sm: 0.875rem; --ic-texto-md: 1rem; --ic-texto-lg: 1.25rem; --ic-texto-xl: 1.6rem; --ic-texto-2xl: 2rem; /* Cores base */ --ic-bg: #EEF1F7; --ic-surface: #FFFFFF; --ic-primary: #4F46E5; /* sobrescrita pela cor da organização */ --ic-primary-100: color-mix(in srgb, var(--ic-primary) 10%, white); --ic-primary-600: color-mix(in srgb, var(--ic-primary) 85%, black); --ic-noite: #1E1B4B; /* azul-noite dos gradientes da Visão D */ --ic-texto: #1F2937; --ic-texto-forte: #0F172A; /* títulos/números de destaque */ /* CONTRASTE (ago/2026) — os dois cinzas auxiliares eram claros demais: #6B7280 dava 4,44:1 no branco e 3,93:1 no lavanda; #94A3B8 nem chegava a 3:1. Ambos passaram a cumprir WCAG AA (4,5:1) NO PIOR FUNDO em que aparecem (o lavanda --ic-bg, mais claro que os cards). Como TODO texto auxiliar do produto (microcopy de card, subtítulo, em caixa alta, rótulo de eixo) usa estes dois tokens, o ajuste é global. --ic-texto-suave #4B5563 → 7,55:1 branco · 6,68:1 lavanda --ic-texto-fraco #606B7C → 5,40:1 branco · 4,77:1 lavanda */ --ic-texto-suave: #4B5563; --ic-texto-fraco: #606B7C; /* rótulos de eixo, metadados */ --ic-texto-invertido: #F8FAFC; --ic-borda: #E2E6EF; --ic-bg-sutil: #F8FAFC; /* superfície levemente rebaixada dentro de card */ /* Estados */ --ic-sucesso: #16A34A; --ic-sucesso-bg: #F0FDF4; --ic-sucesso-texto: #15803D; /* AA 4.5:1 sobre o -bg (texto pequeno de badge) */ --ic-perigo: #DC2626; --ic-perigo-bg: #FEF2F2; --ic-perigo-texto: #DC2626; --ic-aviso: #D97706; --ic-aviso-bg: #FFFBEB; --ic-aviso-texto: #B45309; --ic-info: #0284C7; --ic-info-bg: #F0F9FF; --ic-info-texto: #0369A1; /* Coleta (resultado de tentativa) — espelhado em app/lib/ui-paleta.php; tests/test_paleta.php acusa divergência. Mesma cor em grade, chip, gráfico SVG e PDF. */ --ic-coleta-independente: #059669; --ic-coleta-acerto: #0D9488; --ic-coleta-dica-parcial: #F59E0B; --ic-coleta-dica-total: #EA580C; --ic-coleta-erro: #DC2626; --ic-coleta-na: #64748B; /* Rampa de avaliação 0..4 (fundo pastel + texto AA) — espelhada em ui-paleta.php. VB-MAPP usa 0/2/4; Socially Savvy usa 0/1/2/4. */ --ic-escala-0-bg: #FEE2E2; --ic-escala-0-fg: #B91C1C; --ic-escala-1-bg: #FED7AA; --ic-escala-1-fg: #9A3412; --ic-escala-2-bg: #FEF08A; --ic-escala-2-fg: #854D0E; --ic-escala-3-bg: #D9F99D; --ic-escala-3-fg: #3F6212; --ic-escala-4-bg: #BBF7D0; --ic-escala-4-fg: #166534; --ic-escala-nt-bg: #E2E6EF; --ic-escala-nt-fg: #475569; /* Espaçamento (escala de 4px) */ --ic-esp-1: 0.25rem; --ic-esp-2: 0.5rem; --ic-esp-3: 0.75rem; --ic-esp-4: 1rem; --ic-esp-5: 1.5rem; --ic-esp-6: 2rem; --ic-esp-8: 3rem; /* Raios (Visão D: 18px nos cards) */ --ic-raio-xs: 8px; --ic-raio-sm: 10px; --ic-raio: 18px; --ic-raio-lg: 24px; --ic-raio-cheio: 999px; /* Sombras */ --ic-sombra-suave: 0 1px 3px rgba(30, 27, 75, 0.06), 0 4px 14px rgba(30, 27, 75, 0.06); --ic-sombra: 0 4px 10px rgba(30, 27, 75, 0.08), 0 12px 32px rgba(30, 27, 75, 0.10); --ic-sombra-forte: 0 20px 60px rgba(30, 27, 75, 0.30); /* overlays/modais */ /* Movimento (durações e easing únicos) */ --ic-transicao-rapida: 150ms ease; --ic-transicao: 250ms ease; /* Gradiente-assinatura (topbar-hero e cabeçalho da sidebar) */ --ic-gradiente-hero: linear-gradient(120deg, var(--ic-primary) 0%, var(--ic-noite) 90%); /* Layout */ --ic-sidebar-largura: 264px; --ic-topbar-altura: 64px; --ic-toque-min: 44px; /* alvo mínimo touch-friendly */ }