/* ============================================================
   TOKENS — Guia de Estilo Touchapp Fazenda Bom Retiro
   Fonte: docs/styleguide.md (cores literais da marca — não alterar)
   Escala: 1rem = 10 design-px no canvas lógico 1920×1080.
   ============================================================ */

:root {
  /* Paleta */
  --bg-0: #1B1917;
  --bg-1: #2C2927;
  --surface-2: #383431;
  --accent: #7C6540;
  /* Paleta */
  --bg-0: #1B1917;
  --bg-1: #2C2927;
  --surface-2: #383431;
  --accent: #7C6540;
  --accent-bright: #A98F63;
  --cream: #F4F1E9;
  --text-2: #A9A294;
  --olive: #4C4F36;
  --hairline: rgba(244, 241, 233, 0.15);
  --status-disponivel: #A98F63;
  --status-indisponivel: #55504A;
  --status-reservado: #4C4F36;

  /* Camadas do mapa */
  --layer-amenities: #7C6540;
  --layer-desenvolvimento: #4C4F36;
  --layer-residencial: #F4F1E9;

  /* Glassmorphism quente */
  --glass-bg: rgba(42, 38, 34, 0.75);
  --glass-blur: 22px;

  /* Tipografia — Títulos são Archivo FBR, Corpo de texto é Mundial */
  --font-display: "Archivo FBR", "Archivo FBR Expanded", sans-serif;
  --font-body: "Mundial", sans-serif;
  /* Títulos da História: Archivo Expanded (pedido do marketing). Até a face
     Expanded ser embutida, cai na Archivo FBR com leve tracking. */
  --font-expanded: "Archivo FBR Expanded", "Archivo FBR", sans-serif;
  --fs-hero: 6.4rem;        /* 128px @4K = 64 lógico */
  --fs-hero-min: 4.8rem;
  --fs-module: 3.2rem;      /* 64px @4K */
  --fs-module-sm: 2.4rem;   /* 48px @4K */
  --fs-subtitle: 1.6rem;    /* 32px @4K */
  --fs-body: 1.3rem;        /* 26px @4K */
  --fs-caption: 1rem;       /* 20px @4K — mínimo absoluto de corpo */
  --track-hero: 0.20em;
  --track-title: 0.16em;
  --track-label: 0.08em;
  --track-btn: 0.22em;

  /* ---- Localização 3D · casca do app_mapainterativo.pdf (C2, 15/08) ----
     Medidas lidas do PDF no canvas 1920×1080 e convertidas para rem (÷10).
     Existem como token justamente para o design poder refinar sem caçar
     valores espalhados pelo CSS. */
  --loc-superficie: #F4F1E9;      /* creme dos balões e do painel docado */
  --loc-tinta: #2A2622;           /* texto sobre o creme */
  --loc-tinta-2: #55504A;         /* corpo de texto, um tom abaixo */
  --loc-carvao: #2A2622;          /* barra de seções, FECHAR, CTAs */
  /* altura da barra: virou --bar-h (token compartilhado da C3-R 7.4). O nome
     antigo continua como apelido para não caçar usos espalhados. */
  --loc-secbar-h: var(--bar-h);
  --loc-painel-w: 33.3%;          /* painel docado ≈ 1/3 da largura */
  --loc-balao-pad: 1.6rem 2rem;
  --loc-balao-max: 36rem;

  /* ---- Localização 3D · C3 (15/08), lapidação cinematográfica ----
     Duas famílias que NUNCA podem se confundir na tela Distâncias:
     o perímetro da fazenda é TERRA/DOURADO ACETINADO; a rota de veículo é
     BRANCA translúcida e brilhante. Qualquer refino de cor passa por aqui. */
  --loc-perimetro: #C9A96B;             /* dourado acetinado do perímetro */
  --loc-perimetro-halo: rgba(201, 169, 107, 0.35);
  --loc-rota: rgba(255, 255, 255, 0.72); /* rota de carro — branca brilhante */
  --loc-demarca: rgba(169, 143, 99, 0.30);      /* preenchimento das unidades */
  --loc-demarca-linha: rgba(244, 241, 233, 0.85);
  --loc-demarca-livre: rgba(169, 143, 99, 0.55); /* modo interno — SEMPRE bronze */

  /* Casca de vidro: o mesmo acabamento da Home (blur alto, borda ultrafina
     com brilho) aplicado ao rodapé de seções e ao drawer. */
  --loc-glass-bg: rgba(42, 38, 34, 0.85);
  --loc-glass-blur: 26px;
  --loc-glass-borda: rgba(244, 241, 233, 0.15);
  --loc-glass-brilho: rgba(244, 241, 233, 0.30);
  /* Drawer: vidro + CAMADA DE PROTEÇÃO de legibilidade. O terreno 3D é
     imprevisível (neve, rocha clara, lago); sem esse fundo acetinado a
     tipografia perde contraste em algum enquadramento. */
  --loc-drawer-bg: rgba(26, 23, 21, 0.88);
  --loc-drawer-blur: 34px;

  /* Abertura "lente óptica": véu BEGE 100% OPÁCO (sem transparência) */
  --loc-lente: #D5CDBC;
  --loc-lente-centro: #F4F1E9;

  /* ---- BARRA DE SEÇÕES · tokens COMPARTILHADOS (C3-R 7.4) --------------
     A paleta do Residencial: #2A2622 com texto #EDE9DE e ativo #F4F1E9 / #A98F63. */
  --bar-h: 9.6rem;                              /* altura da barra */
  --bar-bg: #2A2622;                            /* cor marrom carvão do Residencial */
  --bar-blur: 26px;
  --bar-borda: rgba(244, 241, 233, 0.15);       /* fio de brilho no topo */
  --bar-item: #EDE9DE;                          /* inativo */
  --bar-item-track: 0.06em;
  --bar-item-size: 1.5rem;
  --bar-ativo-bg: #F4F1E9;                      /* ativo: creme sólido */
  --bar-ativo-tinta: #2A2622;
  --bar-selo-bg: #221E1B;                       /* selo do monograma */
  --bar-selo-w: 9.6rem;
  --bar-dock-escala: 1.06;                      /* magnificação CONTIDA */
  --bar-dock-vizinho: 1.02;
  --bar-entrada-ms: 620ms;

  /* Coluna de controles de câmera (C3-R 8.x): estreita, sem texto */
  --loc-col-w: 6.4rem;
  /* 5,2rem = 52px no canvas 1920 — folga sobre o mínimo de 48px do item 8.5.
     Em 4,8rem o alvo dava exatamente 48px e qualquer arredondamento de
     viewport derrubava para 47. Dedo não é cursor. */
  --loc-col-alvo: 5.2rem;

  /* Movimento */
  --t-screen: 350ms;
  --t-touch: 150ms;
  --t-map: 700ms;
  --ease-map: cubic-bezier(0.4, 0, 0.2, 1);

  /* Geometria */
  --radius-card: 10px;
  --radius-btn: 2px;
  --touch-min: 4.4rem;      /* 44px lógicos */
  --touch-rec: 6.4rem;      /* 64px recomendado */
}