/* Paleta de cores da marca — fonte única pras cores repetidas entre base-shell.css, components.css, login.css e assets/css/screens/inicio.css (achado no checkup de arquitetura: as mesmas cores apareciam soltas, digitadas de novo em cada arquivo). Carregado ANTES desses arquivos (tanto nas telas do shell quanto nas de login) — puro token, sem nenhuma regra visual aqui, só variáveis. */ :root { --kw24-navy: #033140; /* texto escuro, botões navy */ --kw24-navy-escuro: #0A4A5C; /* ponto inicial do gradiente de fundo */ --kw24-azul: #0DC2FF; /* azul de marca — CTAs, destaques, estado ativo */ --kw24-azul-hover: #3fd0ff; /* hover do azul de marca */ --kw24-gelo: #F4FCFF; /* quase-branco — texto sobre fundo escuro, cards */ --kw24-teal: #086B8D; /* teal secundário — ícones, subtítulos */ --kw24-branco: #FFFFFF; /* branco puro — cards/inputs sobre fundo escuro */ --kw24-laranja: #D85A30; /* ação destrutiva (sair, fechar) */ --kw24-verde: #26FF93; /* avatar, saudação, confiança */ --kw24-erro-bg: #FEE2E2; /* fundo de alerta de erro */ --kw24-erro-texto: #B91C1C; /* texto de alerta de erro */ /* Escala de z-index do shell (base-shell.css) — achado no checkup: já foram 2 bugs reais de clique/hover engolido por escolher um número solto sem olhar os vizinhos (.stage vs .faixa-chat-futuro, depois .stage vs .rail-rodape). Camadas de baixo pra cima; todo elemento NOVO que precise ficar acima de tudo isso deve entrar aqui, não como número solto na regra. .stage forma seu próprio contexto de empilhamento e tem height:100vh (cobre a página toda mesmo onde não pinta nada) — qualquer IRMÃO dele com conteúdo clicável (rail-rodape hoje; qualquer um no futuro) precisa de valor MAIOR que --z-stage, senão fica inerte por trás. */ --z-faixa-chat: 25; /* faixa reservada de chat futuro (decorativa, sem clique) */ --z-stage: 40; /* .stage — dropdown/conteúdo das telas moram dentro */ --z-rail-rodape: 45; /* MENU + barra de tarefas (irmão de .stage, ver nota acima) */ --z-topbar: 50; /* .topbar — fixo, sempre por cima do conteúdo das telas */ --z-dropdown-perfil: 60; /* .user-menu — contido dentro do contexto de .stage */ --z-popover: 65; /* popover de hover (contagem de vínculos, cadastros.css) — anexado direto no (position:fixed), irmão de .stage — mesma regra: precisa de valor MAIOR que --z-stage. */ --z-drawer: 90; /* Meus Dados (painel lateral) */ --z-modal: 100; /* modais bloqueantes/centrais — sempre por cima de tudo */ }