/* Casa Gostoso Mar: marca aplicada às telas do agente (Central, Mesa, Dashboard).
   Este arquivo é o que a rota GET /marca.css devolve quando AGENT_MODE=hospedagem.
   Ele só redefine os TOKENS que as três telas já usam; nenhum seletor de componente.
   Semânticos (--ok, --warn, --bad e suas variações) ficam como estão: verde e
   vermelho ali significam estado, não marca.
   Paleta de origem (site da pousada): areia #F6F1E8 / #EEE5D6, tinta #14262D,
   mar #0090B0, mar fundo #006E86, mar tinta #0B3C47, pôr do sol #E0703A
   (suave #FBE7DA), dourado #E8A93B, apagado #5C6B71, linha #E4E0D8. */

:root{
  /* superfícies: areia, cartão branco, poço areia escura */
  --bg:#F6F1E8; --card:#FFFFFF; --well:#EEE5D6; --line:#E4E0D8; --line2:#CDC4B4;
  /* texto: tinta da marca em três pesos */
  --ink:#14262D; --ink2:#3E5A61; --mut:#57666B;
  /* ação é o mar tinta (fundo escuro da marca) com texto branco; foco é o mar
     claro, que passa de 3:1 tanto contra a areia quanto contra o botão; link é
     o mar fundo. Mar claro como botão não serviria: o anel de foco sumiria. */
  --acao:#0B3C47; --acaoInk:#FFFFFF; --foco:#0090B0; --link:#006E86;
  --steel:#57666B;
  --sombra:0 1px 2px rgba(11,60,71,.06);
  --navBg:rgba(246,241,232,.92); --hover:rgba(11,60,71,.05); --halo:rgba(0,144,176,.18);
  /* bolhas da Mesa: hóspede em areia, IA em mar claro, você em pôr do sol suave */
  --bolhaCli:#EEE5D6; --bolhaIa:#DDF1F5; --bolhaVoce:#FBE7DA; --bolhaInk:#14262D;
  /* etiquetas: quente = pôr do sol, humano = mar, pós-venda (hóspede na casa) = dourado */
  --hotBg:#FBE7DA; --hotInk:#8A3F12; --humBg:#DDF1F5; --humInk:#0B3C47;
  --posBg:#FBF0D3; --posInk:#6E4A0C;
  /* séries dos gráficos: mar, pôr do sol e um dourado mais fechado que o do
     site (#E8A93B não chega a 3:1 sobre cartão branco; este chega) */
  --c1:#0090B0; --c2:#E0703A; --c3:#B8801C;
  /* logo no cabeçalho da Central e da Mesa: o disco atrás dela é branco no claro */
  --logo:url(/marca-logo.png); --logoFundo:#FFFFFF;
}

:root[data-theme="dark"]{
  --bg:#0B1A1F; --card:#12262C; --well:#183037; --line:#1F3A42; --line2:#2C4B54;
  --ink:#F3EEE4; --ink2:#B7C5C8; --mut:#8FA3A8;
  /* no escuro a ação segue a regra das outras telas: tinta cheia (areia) sobre o fundo */
  --acao:#F3EEE4; --acaoInk:#0B1A1F; --foco:#1290B0; --link:#7FD3E8;
  --steel:#86A0A6;
  --sombra:none;
  --navBg:rgba(11,26,31,.92); --hover:rgba(255,255,255,.04); --halo:rgba(18,144,176,.20);
  --bolhaCli:#1D3238; --bolhaIa:#123A44; --bolhaVoce:#3A2418; --bolhaInk:#F3EEE4;
  --hotBg:#3A2418; --hotInk:#FFB38A; --humBg:#123A44; --humInk:#9FDCEC;
  --posBg:#3A2F14; --posInk:#F2CD7A;
  --c1:#1596B6; --c2:#E0703A; --c3:#E8A93B;
  /* a logo tem traço escuro: no escuro ela fica sobre um disco de areia */
  --logo:url(/marca-logo.png); --logoFundo:#F6F1E8;
}