/* Needed Projetos — tema CLARO do site comercial.
 *
 * Servida por `GET /api/v1/site/tema.css` quando o admin escolhe "clara". O
 * site.html carrega esta folha LOGO DEPOIS do CSS próprio, então ela vence por
 * ordem — e o navegador segura a pintura até ela chegar, o que evita a piscada
 * de escuro-para-claro que um script faria.
 *
 * Só redefine os tokens das SUPERFÍCIES DE DESTAQUE (nav, hero, "dias úteis",
 * selo do ERP, CTA final e rodapé). O miolo do site já era claro e não é
 * tocado aqui — mexer nele seria refazer duas vezes o mesmo desenho.
 *
 * O `.btn-dark` fica escuro de propósito nos dois temas: é o botão de contraste
 * sobre seção clara, e clareá-lo o apagaria.
 */
:root {
  /* A faixa deixa de ser quase preta e vira um painel verde-claro: o site
     continua reconhecível (é a mesma família de verde), sem bloco escuro. */
  --sup: #e8f2ec;
  --sup-2: #dfeae4;
  --sup-fg: #14201b;
  --sup-soft: #4b5c53;
  --sup-mute: #7b8b82;
  --sup-linha: #dbe6e0;

  /* Caixinha sobre a faixa: no escuro era um véu branco translúcido, que no
     claro sumiria. Vira cartão branco com borda de verdade. */
  --sup-tijolo: #ffffff;
  --sup-tijolo-linha: #d5e3db;
  --sup-pill: #edf5f0;

  /* O verde claro que se lia sobre o escuro some sobre fundo claro — aqui ele
     escurece. Mesma regra dos avisos do app. */
  --realce: #15803d;
  --prazo-fg: #15803d;

  --nav-bg: rgba(255,255,255,.92);
  --nav-fg: #14201b;
  --nav-link: #4b5c53;

  --rodape-bg: #e8f2ec;
  --rodape-fg: #4b5c53;

  --hero-bg: radial-gradient(1100px 600px at 75% -10%, #d8f0e2 0%, #f5f9f6 55%);
  --final-bg: radial-gradient(900px 500px at 50% -20%, #d8f0e2 0%, #f5f9f6 60%);

  /* Sombra preta sobre fundo claro vira sujeira; esta é esverdeada e rasa. */
  --sombra-forte: 0 24px 60px rgba(16,40,28,.14);
  --sombra-media: 0 12px 34px rgba(16,40,28,.12);

  --ghost-bg: rgba(16,40,28,.06);
  --ghost-fg: #14201b;
  --ghost-linha: rgba(16,40,28,.16);
  --ghost-bg-hover: rgba(16,40,28,.11);
}