/* ============================================================================
   4DView v2 — Design tokens
   Direção: comunicação SÓBRIA de grande corporação de tecnologia. Near-black
   monocromático, um acento preciso, grotesco neutro (hierarquia por peso),
   mono só em rótulos técnicos. Gravidade por restrição, não por ornamento.
   ============================================================================ */
:root{
  /* --- Cor: base near-black + neutros + 1 acento --- */
  --bg:        #FFFFFF;   /* fundo claro (padrão corporativo) */
  --bg-1:      #F5F6F8;   /* superfície */
  --bg-2:      #FFFFFF;   /* cartão */
  --fg:        #0B0E13;   /* texto primário (~18:1) */
  --fg-1:      #444C56;   /* texto secundário (~8:1) */
  --fg-2:      #6A7480;   /* rótulos mono / muted (~4.6:1) */
  --line:      rgba(11,14,19,.12);
  --line-2:    rgba(11,14,19,.20);
  --accent:    #1F5FD0;   /* azul profundo — contraste em fundo claro */
  --accent-2:  #1A4FB0;
  --signal:    #D8341F;   /* sinal — usar com parcimônia */
  --ring:      #1F5FD0;
  --brand-red: #E11900;   /* vermelho da marca — SEMPRE no "4D" dos nomes */
  /* janelas de produto (mapa/3D/360º) permanecem escuras em qualquer tema */
  --window:    #0A0C0F;

  /* --- Tipografia: um grotesco neutro para tudo (peso = hierarquia) + mono técnica --- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Escala fluida */
  --step--1: clamp(.78rem, .74rem + .12vw, .84rem);
  --step-0:  clamp(.96rem, .92rem + .18vw, 1.03rem);
  --step-1:  clamp(1.12rem, 1.02rem + .4vw, 1.35rem);
  --step-2:  clamp(1.5rem, 1.24rem + 1.05vw, 2.1rem);
  --step-3:  clamp(2rem, 1.5rem + 2.1vw, 3.3rem);
  --step-4:  clamp(2.7rem, 1.6rem + 4.6vw, 5.4rem);   /* herói */

  /* --- Espaço (ritmo 8pt) --- */
  --s-1:.5rem; --s-2:1rem; --s-3:1.5rem; --s-4:2rem;
  --s-5:3rem;  --s-6:4rem; --s-7:6rem;  --s-8:9rem;
  --maxw:1240px;
  --gutter:clamp(20px, 5vw, 48px);

  /* --- Movimento --- */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.55s;
  --dur-fast:.28s;
}