/* * Cores do /app (painel logado de cada escritório) — separado de * cores-publico.css (landing pública + /manager) a pedido do usuário: um * arquivo pra mexer só na cor do /app, sem afetar landing/manager. * * Estes são os valores PADRÃO, aplicados a :root (por isso valem também * pras telas de /app antes do login — login, criar-conta, aceitar-convite, * confirmar-conta — que não têm tenant ainda). Assim que o usuário loga, * services/tema.ts SOBRESCREVE parte destas variáveis (as que o tenant * personalizou em "Meu Escritório": cor primária/secundária/terciária/ * fonte) via style inline em — inline sempre vence qualquer regra * deste arquivo, então mexer aqui não quebra nem precisa se preocupar com * a personalização por tenant, só muda o padrão de quem não personalizou * nada ainda. * * Estrutura (reset, tipografia, componentes .card/.row/.button/etc.) * continua em design-system.css, compartilhada com cores-publico.css — * só as CORES vivem aqui. */ :root { --paper: #f4f6f8; --paper-raised: #ffffff; --paper-raised-nav: #ffffff; --ink: #0b192c; --ink-soft: #0b192c; --ink-faint: #0b192c; --line: #dbe2ea; --content-scroll: var(--line); --content-scroll-hover: var(--ink-faint); --primary: #0066ff; --primary-soft: #e2edff; --primary-fg: #fff; --accent: #00d2ff; --accent-soft: #e0f9ff; --accent-fg: #fff; --nav-bg: #0b192c; --nav-fg: rgba(255, 255, 255, 0.7); --nav-fg-strong: rgba(255, 255, 255, 0.85); --nav-fg-faint: rgba(255, 255, 255, 0.55); --nav-hover-bg: rgba(255, 255, 255, 0.08); --nav-hover-bg-strong: rgba(255, 255, 255, 0.14); --nav-scroll: rgba(255, 255, 255, 0.18); --nav-scroll-hover: rgba(255, 255, 255, 0.3); --nav-border: rgba(255, 255, 255, 0.16); --list-accent: #0b192c; --list-accent-soft: #eef1f5; --card-bg: var(--paper-raised); --card-fg: var(--ink); --card-fg-soft: var(--ink-soft); --card-fg-faint: var(--ink-faint); --menu-icon-fg: var(--nav-fg); --dash-icon-fg: var(--card-fg); }