/* =================================================================================================
 * SITE DE RESERVAS — a paleta aprovada (clara, "Menta e leve"), só para as páginas PÚBLICAS.
 *
 * "Menta e leve" (decisão de 07/10/2026): nenhum preenchimento verde ESCURO. Texto e ícone em
 * #1F7F65 (`--verde-texto`), texto sobre menta em #1A6F58 (`--verde-texto-forte`), botão/pílula/
 * chip em menta #E3EFE9 (`--menta`), ponto/barra sem texto em #2F9275 (`--verde-indicador`). A
 * ÚNICA exceção é o botão principal do site, que continua SÓLIDO (conversão): #1F7F65 com texto
 * branco, hover #1A6F58 (`--verde-cta-site`). Os valores abaixo são literais de propósito (nada de
 * var() que dependa da ordem de carga) — cada um é o valor do token da paleta que está no
 * comentário ao lado.
 *
 * Carregada DEPOIS de `/tema.css` em: site-busca, site-imovel, site-checkout, site-localizar,
 * site-avaliar, site-condicoes e proposta (/p/:token). Servida em `/site-tema.css`.
 *
 * ⚠ ESTE ARQUIVO SÓ TROCA VALOR DE TOKEN. Nenhum seletor de componente, nenhuma geometria: as
 * páginas já pintam tudo por variável (`--marca: var(--roxo, …)`, `--fundo: var(--paper, …)`), e
 * `tema.css` é o dono dos componentes. Mesma abordagem do bloco `html.mobile-approved` do tema.
 *
 * ⚠ `:root:root:root` (0,3,0) DE PROPÓSITO: `tema.css` escreve os mesmos nomes em `:root:root`
 * (0,2,0) e as páginas em `:root` (0,1,0). Subir um degrau tira a ordem de carregamento da conta.
 * O tema do CLIENTE continua vencendo: `aplicarTema()` escreve `--marca` no `style` do <html>, e
 * estilo inline passa por cima de qualquer seletor.
 *
 * Contraste (WCAG AA, texto 4,5:1), medido:
 *   #203D31 sobre #F6F9F7 11,2 · sobre #FFF 11,8
 *   #52665C sobre #F6F9F7 5,8  · sobre #E3EFE9 5,2
 *   #5E7369 sobre #F6F9F7 4,8  (o #657A71 do DESIGN.md dava 4,33 sobre o fundo — reprovado)
 *   #1F7F65 sobre #FFF 4,9 · sobre #F6F9F7 4,6 · branco sobre ele 4,9 (botão principal sólido)
 *   #1A6F58 sobre #E3EFE9 5,1 · sobre #FFF 6,1 · branco sobre ele 6,1 (hover do botão principal)
 *   #A73343 sobre #FFF0F0 5,9 · #806019 sobre #FFF6E3 5,4 · #176440 sobre #E4F1E9 6,2
 *
 * Azul só existe em identidade de canal (comparador) — nunca como cor da interface.
 * Tipografia (15/10/2026, design da reserva guiada APROVADO pelo Wallace no Figma): Fraunces nos
 * títulos e Instrument Sans no corpo — SÓ nas páginas públicas. O painel continua na fonte do
 * sistema (pedido de 11/09, que era sobre o painel). Os dois arquivos são locais (`/fontes/…`,
 * @font-face em `tema.css`): nada de CDN de fora.
 * ============================================================================================= */
:root:root:root {
  /* ---- neutros ---- */
  --paper:            #F6F9F7;
  --paper-soft:       #FBFDFC;
  --paper-deep:       #E3EEE7;
  --card:             #FFFFFF;
  --card-line:        #E1EAE5;
  --ink:              #203D31;
  --ink-mute:         #52665C;
  --ink-soft:         #5E7369;
  --line:             #E1EAE5;
  --line-strong:      #B4C8BD;

  /* ---- marca: os nomes antigos (roxo/lavanda) passam a significar o verde aprovado ---- */
  /* texto/ícone/link/linha sobre claro = --verde-texto (#1F7F65); fundo do botão principal do site =
     --verde-cta-site (o MESMO #1F7F65, texto branco); hover/texto sobre menta = --verde-texto-forte
     (#1A6F58); fundo de pílula/chip/item ativo = --menta (#E3EFE9). */
  --roxo:             #1F7F65;
  --roxo-hover:       #1A6F58;
  --roxo-deep:        #1A6F58;
  --lavanda:          #1F7F65;
  --lavanda-soft:     #E3EFE9;
  --lavanda-whisper:  #EDF4EF;
  --brand:            #1F7F65;
  --brand-deep:       #1A6F58;
  --brand-soft:       #E3EFE9;
  --action-bg:        #E3EFE9;
  --action-ink:       #1A6F58;

  /* ---- estados ---- */
  --sage:             #2E7D5B;
  --sage-ink:         #176440;
  --success-soft:     #E4F1E9;
  --danger:           #A73343;
  --danger-soft:      #FFF0F0;
  --gold:             #806019;
  --gold-soft:        #FFF6E3;
  --amber:            #9A6B12;
  --amber-ink:        #806019;

  /* ---- a ponte: vocabulário antigo que as páginas ainda usam ---- */
  --off:              #F6F9F7;
  --txt:              #203D31;
  --mut:              #52665C;
  --bd:               #E1EAE5;
  --lav:              #1F7F65;
  --lavl:             #E3EFE9;
  --roxo2:            #1A6F58;
  --ok:               #176440;
  --err:              #A73343;
  --warn:             #806019;

  /* ---- fundos de aviso das páginas públicas (sucesso / erro / atenção) ---- */
  --okbg:             #E4F1E9;
  --okbd:             #C5DDD0;
  --errbg:            #FFF0F0;
  --errbd:            #EFCBD0;
  --warnbg:           #FFF6E3;
  --warnbd:           #EAD8AC;

  --scroll-active:    #2F9275; /* --verde-indicador: preenchimento sem texto */

  /* ---- tipografia do site (ver o cabeçalho) ---- */
  --font-display:     "Fraunces", ui-serif, Georgia, serif;
  --font-sans:        "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}