/* Arlen Arquitetura e Engenharia — LP Projeto Estrutural e PPCI
   Design system (etapa 3). Arquétipo: institucional-corporativo.
   Origem: identidade criada a partir do logo (verde-petróleo medido #07706F) + conteúdo (transcrição, site antigo).
   Fontes (Google Fonts): Outfit (display) + IBM Plex Sans (corpo/dados).
   <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet"> */
:root{
  /* Cor — papéis */
  --c-bg:#F5F8F8;            /* fundo base, claro, levemente frio */
  --c-surface:#FFFFFF;       /* cards, painéis, header */
  --c-tint:#E6F0F0;          /* faixa suave de apoio (tinta do verde da marca) */
  --c-text:#13201F;          /* texto principal (grafite-petróleo) */
  --c-muted:#54635F;         /* texto secundário */
  --c-white:#FFFFFF;
  --c-dark:#17201F;          /* seções de contraste (grafite) */
  --c-dark-2:#222D2C;        /* superfície elevada sobre o grafite */
  --c-primary:#07706F;       /* verde-petróleo da marca (medido no logo): CTA, filete, assinatura */
  --c-primary-dark:#054F4E;  /* hover/active do primário; texto-link forte */
  --c-accent:#3DB5AF;        /* verde-petróleo claro: SÓ sobre grafite (texto/realce/filete) */
  --c-n200:#D9E2E1;          /* bordas, divisores */
  --c-n400:#98A6A4;          /* ícone inativo, placeholder decorativo */
  --c-n500:#5E6E6B;          /* texto auxiliar pequeno, legendas */
  --c-on-dark:#E1ECEB;       /* texto corrido sobre grafite */
  --c-on-dark-muted:#A9B8B6; /* texto secundário sobre grafite */
  --c-error:#B3261E;
  --c-success:#1E7A4C;
  --c-whatsapp:#0F7D42;      /* só o botão flutuante (verde WhatsApp escurecido: branco 5.0+ AA) */

  /* Tipografia */
  --font-display:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-display:clamp(2.25rem,5.2vw,3.75rem);   /* h1 hero */
  --fs-h2:clamp(1.75rem,3.6vw,2.625rem);
  --fs-h3:clamp(1.25rem,2vw,1.5rem);
  --fs-lead:clamp(1.0625rem,1.5vw,1.25rem);
  --fs-body:1rem;
  --fs-small:.875rem;
  --fs-eyebrow:.8125rem;
  --lh-tight:1.08;
  --lh-title:1.18;
  --lh-body:1.65;
  --tracking-eyebrow:.14em;

  /* Espaço, grid (padrão BuildV) */
  --container:1200px;
  --px:clamp(20px,5vw,32px);
  --section-py:clamp(56px,9vw,120px);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --header-h:76px;

  /* Raio e sombra: contidos, corporativo */
  --r-sm:4px;
  --r-md:8px;
  --r-lg:12px;
  --r-pill:999px;
  --shadow-sm:0 1px 2px color-mix(in srgb,var(--c-dark) 8%,transparent),0 1px 1px color-mix(in srgb,var(--c-dark) 5%,transparent);
  --shadow-md:0 10px 28px -12px color-mix(in srgb,var(--c-dark) 22%,transparent),0 2px 6px color-mix(in srgb,var(--c-dark) 6%,transparent);

  /* Movimento */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-fast:160ms;
  --dur:420ms;
}