/* =====================================================================
   Mapa de Reservas — TEMA DA MARCA (instância: Sítio Boa Sorte)

   Este é o arquivo que muda de cliente para cliente. Ele NÃO desenha tela:
   ele troca os tokens de painel.css — cor, tipografia, superfície — e deixa
   o resto do CSS intacto. Para servir outra instância, troque este arquivo;
   nada mais precisa saber o nome, a cor ou a fonte de quem está usando.

   O que NÃO está aqui, de propósito:
   · a COR DE CADA CASA — ela é dado da instância, vem de GET /api/instancia
     e o JS a escreve como variável CSS na linha da casa (--casa-cor);
   · o NOME da marca e o título da aplicação — vêm do mesmo JSON e o JS os
     escreve nos lugares marcados no HTML (data-marca-nome, data-titulo-app).

   Fonte: marca/MARCA.md — verde-mata #1F3A26, verde-mata 2 #2E5236,
   papel #F7F2E8 / #EFE7D8 / #E4D9C5, tinta #1E1C17; Fraunces nos títulos,
   Figtree no texto. Arquivos locais (sem fonte remota: CSP default-src 'self').
   ===================================================================== */

@font-face {
  font-family: 'Figtree';
  src: url('/assets/fonts/figtree-variable.woff2') format('woff2');
  font-weight: 300 800;
  font-display: swap;
  font-style: normal;
}

:root {
  /* ---- Paleta crua da marca (nome próprio, para quem for ajustar) ---- */
  --sbs-mata: #1f3a26;
  --sbs-mata-2: #2e5236;
  --sbs-papel: #f7f2e8;
  --sbs-papel-2: #efe7d8;
  --sbs-papel-3: #e4d9c5;
  --sbs-tinta: #1e1c17;

  /* ---- Tipografia: Fraunces nos títulos, Figtree no texto ---- */
  --ff-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --ff-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* ---- Marca e ação (contraste AA sobre papel e sobre branco) ---- */
  --c-brand: var(--sbs-mata);
  --c-brand-strong: #16301e;
  --c-brand-tint: #e8e3d2;
  --c-action: var(--sbs-mata-2);
  --c-action-hover: #26452c;
  --c-action-press: #1b3320;
  --c-action-tint: #e2ebdc;

  /* ---- Neutros de papel: nenhuma tela branca-cirúrgica ---- */
  --c-neutral-0: #fffcf4;        /* cartão */
  --c-neutral-50: var(--sbs-papel);
  --c-neutral-100: var(--sbs-papel-2);
  --c-neutral-200: var(--sbs-papel-3);
  --c-neutral-400: #9a917e;
  --c-neutral-600: #57503f;      /* texto de apoio: 7,1:1 sobre o papel */
  --c-neutral-700: #443e2f;
  --c-neutral-800: #2a2620;
  --c-neutral-900: var(--sbs-tinta);

  /* ---- Origem das reservas: a casa decide o tom do "feito aqui" ----
     O verde de "Sua reserva" é o verde-mata 2 da marca (não o verde antigo
     de outra identidade): a legenda inteira passa a falar a língua do Sítio.
     As demais origens continuam distinguíveis entre si e do bloqueio. */
  --orig-manual: var(--sbs-mata-2);
  --orig-manual-strong: #26452c;
  --orig-airbnb: #4b6478;        /* escurecido p/ AA do texto branco na barra */
  --orig-airbnb-strong: #3d5365;
  --orig-ia: #5a4785;
  --orig-ia-strong: #4a3a6e;
  --orig-wa: #7d5300;
  --orig-wa-strong: #654300;
  --orig-bloqueio-a: #d8cfba;
  --orig-bloqueio-b: #bdb29a;
}

body {
  background-color: var(--sbs-papel);
  color: var(--c-neutral-800);
}

/* Símbolo da marca (trevo). Arquivo copiado de entregas/…/simbolo/svg.
   No cabeçalho escuro usa-se a versão em papel; no cartão de entrada, a
   versão colorida. O tamanho é o mesmo nos dois lugares. */
.marca-simbolo {
  width: 44px;
  height: 44px;
  flex: none;
}
.marca-simbolo--grande { width: 88px; height: 88px; margin: 0 auto var(--sp-4); }
.cartao-login .marca-simbolo--grande { color: var(--c-brand); }

/* Títulos com Fraunces ganham peso e aperto próprios da marca. */
h1, h2, h3 { letter-spacing: -0.01em; }

/* O papel é quente; a sombra cinza-azulada herdada ficava suja nele. */
:root {
  --shadow-card: 0 1px 2px rgba(30, 28, 23, 0.06), 0 4px 12px rgba(30, 28, 23, 0.05);
  --shadow-pop: 0 2px 4px rgba(30, 28, 23, 0.08), 0 10px 24px rgba(30, 28, 23, 0.16);
}