/* ========================================================================== tokens.css — variáveis globais do myeducationhub Regra pétrea: nenhum hex vai direto em template. Cor da marca é sempre var(--accent) ou var(--accent-texto). O único lugar onde o hex #3387E9 aparece é NESTE arquivo. ========================================================================== */ :root { /* ----------------------------------------------------------- Cor da marca — rampa derivada por paleta.py de #3387E9 (light) Prova de cobertura: `grep -rn "#3387E9" templates/` volta vazio. ----------------------------------------------------------- */ --accent: #3387E9; --accent-hover: #1872DC; --accent-escura: #135AAD; --accent-suave: #E7EFF8; /* fundo do item ativo da sidebar */ --accent-soft: rgba(51, 135, 233, 0.12); --accent-sombra: rgba(51, 135, 233, 0.15); --accent-texto: #1872DC; /* USE ESTE em texto sobre fundo branco (4.69:1, WCAG AA) */ --texto-sobre-accent: #000000; /* Aliases para o padrão Menu_Sidebar (que fala em --cor-primaria). Mantemos ambos vivos: --accent é a família da casa, --cor-primaria é a que os templates Padrao_Menu_Sidebar / Padrao_Sidebar_Rodape leem. */ --cor-primaria: var(--accent); --cor-primaria-hover: var(--accent-hover); --cor-primaria-escura: var(--accent-escura); --cor-primaria-suave: var(--accent-suave); --cor-primaria-texto: var(--accent-texto); /* IA — paleta roxa própria, NUNCA --accent. Ver Padrao_Marca_IA. */ --roxo: #7C3AED; --roxo-hover: #6D28D9; --roxo-suave: #F3EEFE; --roxo-soft: rgba(124, 58, 237, 0.12); /* Neutros (tema light) */ --branco: #FFFFFF; --fundo: #F6F8FB; /* body */ --superficie: #FFFFFF; /* cards, sidebar */ --superficie-elev: #FFFFFF; --borda: #E4E7EB; --borda-forte: #CBD2D9; /* Texto */ --texto: #1F2933; --texto-secundario: #52606D; --texto-suave: #616E7C; --texto-fraco: #7B8794; /* Estados */ --sucesso: #16A34A; --alerta: #F59E0B; --perigo: #DC2626; /* Tipografia */ --font: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-titulo: "Sora", "Inter", sans-serif; --fs-xs: 11.5px; --fs-sm: 13px; --fs-base: 15px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px; /* Espaços */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; /* Raios */ --raio-sm: 6px; --raio: 10px; --raio-lg: 16px; --raio-full: 999px; /* Sombras */ --sombra-1: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06); --sombra-2: 0 4px 12px rgba(15, 23, 42, 0.08); --sombra-3: 0 12px 28px rgba(15, 23, 42, 0.12); /* Transição padrão */ --transicao: .18s ease; /* Layout */ --sidebar-width: 248px; /* sobrescrita por localStorage no antes do CSS */ --topbar-h: 60px; }