/* Identidade visual Ócule — provisório até o design system ficar pronto.
   Cor da marca: laranja Ócule #E75025 (logo). Botões/links usam um tom mais
   escuro para garantir contraste AA (≥ 4,5:1) com texto branco. */
:root {
  --marca-laranja: #e75025;
  --marca-primaria: #c2411b;        /* botões, links, seleção — 5,2:1 com branco */
  --marca-primaria-texto: #ffffff;
  --marca-destaque: #2b2b2e;        /* ação secundária de destaque (grafite) */
  --marca-destaque-texto: #ffffff;
  --marca-fundo: #f7f5f3;
  --marca-texto: #1d1d1f;
  --marca-fonte: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Menu lateral claro; a marca aparece no logo e no item ativo, no laranja da marca com texto branco.
     Decisão de marca (out/2026): 3,8:1, abaixo do AA para texto de 15 px; o item também é marcado pelo
     preenchimento e pelo negrito. Para passar no AA: #c2411b (5,2:1) ou texto escuro (4,6:1). */
  --menu-fundo: #ffffff;
  --menu-texto: #3d3c39;
  --menu-suave: #85837e;          /* títulos de grupo e ícones */
  --menu-realce: #f6f5f3;
  --menu-ativo: var(--marca-laranja);
  --menu-ativo-texto: #ffffff;
  --menu-linha: #e6e4e0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --marca-laranja: #e75025;
    --marca-primaria: #f06a42;       /* 6,0:1 sobre o fundo escuro */
    --marca-primaria-texto: #141517;
    --marca-destaque: #ececec;
    --marca-destaque-texto: #141517;
    --marca-fundo: #141517;
    --marca-texto: #ececec;
    --menu-fundo: #19191c;
    --menu-texto: #d9d7d2;
    --menu-suave: #8d8b86;
    --menu-realce: #25262a;
    --menu-ativo: var(--marca-laranja);
    --menu-ativo-texto: #ffffff;
    --menu-linha: #2e2f33;
  }
}