/* ============================================================
   TENSIO — Design Tokens
   Derivado da marca real (Manual de Identidade Visual — Hiato Estúdio)
   Paleta: Branco Precisão · Cinza Infraestrutura · Grafite · Laranja Energia
   Tipografia: Manrope (única, conforme manual)
   ============================================================ */

/* --- Fontes --- */
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/Manrope-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}

:root{
  /* Cores da marca (hex exatos do manual/logo) */
  --paper:#F9F9F9;        /* Branco Precisão (manual) — fundo predominante */
  --white:#FFFFFF;
  --gray:#C4C5C6;         /* Cinza Infraestrutura — apoio, divisores */
  --gray-line:#E3E4E4;    /* linha clara */
  --muted:#6B7176;        /* texto secundário sobre claro */
  --ink:#1F2326;          /* Grafite (manual) — texto forte / fundo escuro */
  --ink-900:#1F2326;      /* grafite = fundo escuro das seções (manual) */
  --ink-800:#282D30;      /* grafite elevado (cards/painéis sobre escuro) */
  --ink-panel:#1B1E20;    /* painel escuro */
  --ink-line:#33383C;     /* divisores sobre escuro */
  --ink-line-soft:#2A2E31;
  --dim:#9AA0A5;          /* texto secundário sobre escuro */
  --orange:#ED4B0C;       /* Laranja Energia (manual) — SÓ detalhes/ícones */
  --orange-600:#CE4109;   /* hover */
  --orange-050:#FCE9E0;   /* tint claro */

  /* Tipografia */
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fw-body:400; --fw-med:500; --fw-semi:600; --fw-bold:700; --fw-x:800;

  /* Escala tipográfica (clamp fluido) */
  --fs-display:clamp(2.6rem,1.4rem + 5.2vw,5.25rem); /* H1 hero */
  --fs-h2:clamp(1.9rem,1.2rem + 2.6vw,3rem);
  --fs-h3:clamp(1.25rem,1.05rem + .8vw,1.6rem);
  --fs-lead:clamp(1.05rem,.98rem + .5vw,1.3rem);
  --fs-body:1.0625rem;
  --fs-sm:.9375rem;
  --fs-overline:.78rem;  /* overlines uppercase */

  /* Espaçamento */
  --container:1240px;
  --gutter:clamp(20px,5vw,40px);
  --section-y:clamp(72px,9vw,140px);

  /* Formas — técnicas/precisas (raios pequenos) */
  --r-sm:4px; --r:8px; --r-lg:14px; --r-pill:999px;

  /* Sombras (discretas, sofisticadas) */
  --sh-1:0 1px 2px rgba(20,22,24,.06),0 2px 8px rgba(20,22,24,.05);
  --sh-2:0 10px 30px rgba(20,22,24,.10);
  --sh-orange:0 8px 26px rgba(236,74,11,.28);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.5s;
}