/*
 * Cores do landing público (/) e do portal /manager — separado de
 * cores-app.css (painel logado) a pedido do usuário: LOCAL ÚNICO pra
 * controlar a paleta destas duas áreas sem mexer no /app.
 *
 * Escopado em .zona-publica (aplicado no host do componente Landing,
 * Manager e ManagerLogin — ver host: { class: 'zona-publica' } em
 * landing.ts/manager.ts/manager-login.ts), não em :root: como landing e
 * manager são páginas globais sem tenant, a cor aqui é sempre fixa — ao
 * contrário do /app, nunca deve variar por escritório.
 *
 * São só 4 cores de marca (Design System & Brand Identity Guide v1.0,
 * 02/09): Azul Profundo (dominante/textos/headers/sidebar), Azul Elétrico
 * (primária/CTAs/links/destaques), Ciano Neón (acessória/ícones tech/
 * active states), Cinza Neutro (fundo do sistema/cards/off-white). Pra
 * mudar a identidade visual do landing/manager, mexe só nos valores
 * abaixo — o restante do design (reset/tipografia/componentes .card/.row/
 * .button/etc.) vem de design-system.css, compartilhado com cores-app.css.
 */
.zona-publica {
  --paper: #f4f6f8;
  --paper-raised: #ffffff;
  --paper-raised-nav: #ffffff;
  --ink: #0b192c;
  --ink-soft: #4c5b71;
  --ink-faint: #5f6f85;
  --line: #dbe2ea;
  --content-scroll: var(--line);
  --content-scroll-hover: var(--ink-faint);

  --primary: #1947dc;
  --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);
}