/* BM Construções e Reformas — tokens v2.
   Origem: logo-bm.png (medido: marinho #011F47, laranja #FF7018) + acervo fotográfico (travertino, madeira clara, luz quente).
   Arquétipo: editorial-minimal. Direção de cor: COR DA MARCA — base clara quente, marinho como tinta, laranja só assinatura.
   Regra absoluta: ZERO canto arredondado (todo --r-* = 0). */
/* fontes: carregadas por <link> no <head> de cada página (Barlow Condensed 300/400/500 + Source Sans 3) */

:root{
  /* Cor — papéis */
  --c-bg:#F4EFE6;            /* travertino claro: fundo de página (medido nas fotos: reflexo do travertino/parede) */
  --c-surface:#EBE4D6;       /* areia: faixa alternada, fundo de legenda/lista — NUNCA card com sombra */
  --c-text:#0B1A33;          /* tinta marinho quase preto: texto e linhas fortes */
  --c-muted:#5A6172;         /* texto secundário, legendas, rótulos */
  --c-white:#FFFFFF;
  --c-dark:#00122E;          /* o ÚNICO bloco escuro por página + rodapé-base opcional */
  --c-primary:#011F47;       /* marinho do logo (medido) — tinta, CTA, bloco escuro */
  --c-primary-dark:#000F26;  /* hover/pressed */
  --c-accent:#FF7018;        /* laranja do losango (medido) — só traço: filete, losango, sublinhado, ponto */
  --c-accent-ink:#B04600;    /* laranja p/ TEXTO sobre claro (AA 4.9:1 no bg) — uso raríssimo */
  --c-on-dark:#F4EFE6;       /* texto sobre marinho = o próprio travertino */
  --c-on-dark-muted:#BFC7D6; /* secundário sobre marinho (≥ 9:1) */
  --c-n200:#D9CFBE;          /* hairline sobre claro */
  --c-n400:#A79F90;          /* hairline forte / desabilitado */
  --c-n500:#5A6172;          /* = muted */
  --c-ok:#1E6B45; --c-error:#A8261E;
  --c-overlay:rgba(1,12,30,.28);       /* overlay LEVE sobre foto (nunca > .35 no hero) */
  --c-overlay-base:rgba(1,12,30,.55);  /* só no rodapé da foto onde mora o texto */

  /* Tipografia — escala ÚNICA por papel (ajuste pós-aprovação, 28/10/2026).
     Cada papel tem um valor por breakpoint em todas as seções das 8 LPs; seção não redefine tamanho, peso,
     entrelinha nem tracking. Valores: 390px → 1440px. Classes de papel em site.css (.t-h1, .t-h2, .t-statement…). */
  --font-display:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif; /* v2b: condensada sutil da família do logo */
  --font-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-h1:clamp(2.4rem,.175rem + 4.68vw,3.875rem);     /* H1 display: hero, título de fechamento, páginas de texto · 38.4 → 62px (chega a 62 em 1264px, mesma razão coluna/corpo do hero em meia tela) */
  --fs-h2:clamp(2.1rem,1.2rem + 2.8vw,3.4rem);         /* H2 de seção · 33.6 → 54.4px */
  --fs-statement:clamp(1.875rem,1.25rem + 2.2vw,3rem); /* declaração: frase-tese, passo em frase, nome de obra · 30 → 48px */
  --fs-quote:clamp(1.875rem,1.25rem + 2.2vw,3rem);     /* citação/depoimento · 30 → 48px */
  --fs-h3:clamp(1.375rem,1.05rem + 1.1vw,1.875rem);    /* H3: valor de lista, pergunta, nome de projeto · 22 → 30px */
  --fs-lead:clamp(1.125rem,1rem + .4vw,1.3125rem);     /* lead/apoio (hero e seção) · 18 → 21px */
  --fs-body:1.0625rem;                                 /* corpo · 17px */
  --fs-small:.875rem;                                  /* rodapé · 14px */
  --fs-label:.8rem;                                    /* rótulo, eyebrow, legenda, botão · 12.8px (13px ≤ 760px) */
  --fs-eyebrow:var(--fs-label);                        /* alias legado */
  --fs-num:clamp(2.75rem,1rem + 4vw,4.5rem);           /* EXCEÇÃO de papel: numeral (contador de passos, "3" visitas) · 44 → 72px */
  --fs-feature:clamp(2.8rem,8.4vw,8.6rem);             /* EXCEÇÃO de papel: título sobre foto full-bleed (odômetro Hospital Dia) */
  --fw-title:300;                                      /* H1, declaração, citação, numeral */
  --fw-h2:400;                                         /* H2 e H3 */
  --fw-strong:500;                                     /* <em> e rótulo; nada acima de 500 na condensada */
  --fw-display:var(--fw-title); --fw-display-strong:var(--fw-strong); /* alias legado */
  --fs-display:var(--fs-h1); --lh-display:var(--lh-h1); --lh-title:var(--lh-h2); /* alias legado (preview do DS) */
  --fw-body:400;                                       /* corpo e lead */
  --lh-h1:1.02; --lh-h2:1.06; --lh-statement:1.12; --lh-h3:1.2; --lh-lead:1.5; --lh-body:1.65; --lh-label:1.5; --lh-small:1.6; --lh-num:.9;
  --ls-title:.01em;                                    /* H1, H2, declaração, citação */
  --ls-label:.22em;                                    /* rótulo caixa alta */
  --ls-btn:.18em;                                      /* botão */
  --tracking-display:var(--ls-title); --tracking-eyebrow:var(--ls-label); --tracking-btn:var(--ls-btn); /* alias legado */
  --measure:64ch;                                      /* largura máx. do parágrafo de corpo */
  --measure-lead:36ch;                                 /* lead/apoio */
  --measure-h1:22ch; --measure-h2:22ch; --measure-statement:17ch; --measure-quote:20ch;
  /* Ritmo vertical (um valor por tipo de intervalo, igual em todas as seções do mesmo tipo) */
  --sp-label-title:clamp(1.25rem,2.4vw,2rem);          /* rótulo/eyebrow → título ou citação · 20 → 32px */
  --sp-title-text:clamp(1.25rem,2vw,1.75rem);          /* título → texto/legenda/declaração; citação → atribuição; hero: título → apoio → CTA · 20 → 28px */
  --sp-title-block:clamp(2.5rem,5vw,4rem);             /* título → lista, mosaico ou foto · 40 → 64px */
  --sp-text-cta:clamp(2.5rem,5vw,4rem);                /* texto/lista → CTA · 40 → 64px */
  --sp-label-value:.75rem;                             /* rótulo → valor em lista empilhada · 12px */
  --sp-row:clamp(1.25rem,2.4vw,1.875rem);              /* respiro vertical de cada linha de lista · 20 → 30px */
  --sp-cap:.875rem;                                    /* foto → legenda · 14px */

  /* Espaço, grid, raio, sombra */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:5rem; --sp-9:8rem;
  --section-y:clamp(56px,9vw,120px);          /* grid padrão BuildV (só muda em altíssimo padrão) */
  --container:1200px;                         /* grid padrão BuildV */
  --px:clamp(20px,5vw,32px);                  /* grid padrão BuildV */
  --gap:clamp(16px,2vw,28px);                 /* gap de grid padrão BuildV (mosaicos e grades) */
  --hair:1px;                                  /* espessura de toda linha */
  --r-sm:0; --r-md:0; --r-lg:0; --r-pill:0;    /* reto, sempre */
  --shadow-sm:none; --shadow-md:none;          /* sem sombra: hierarquia por linha e espaço */
  --shadow-lg:0 30px 60px -30px rgba(0,18,46,.35); /* só p/ menu em tela cheia/modal, nunca card */

  /* Movimento */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.6s;
  --dur-slow:1.2s;
  --header-h:76px;
}
/* v2b: microtexto ≥ 13px no mobile */
@media (max-width:760px){:root{--fs-label:.8125rem}}