/* ============================================================
   INDIKEY EMPRESAS — DESIGN TOKENS
   Fonte única de verdade da identidade visual (site + painel).
   Marca: azul Indikey #0035A2 + coral #FD5840 (quadrado do ícone).
   Regra: coral é sinal — pontos, marcadores e um único destaque
   por bloco. Nunca em áreas grandes de texto.
   ============================================================ */

/* Fontes hospedadas no próprio servidor (sem Google Fonts). */
@font-face{
  font-family:'Inter Tight';font-style:normal;font-weight:500 800;font-display:swap;
  src:url('../assets/fonts/inter-tight-var.woff2') format('woff2');
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../assets/fonts/inter-var.woff2') format('woff2');
}

:root{
  /* ---------- 1. MARCA -------------------------------------- */
  --ik-blue-50:#eef3fd;
  --ik-blue-100:#dce6fb;
  --ik-blue-200:#b9cdf6;
  --ik-blue-300:#87a8ee;
  --ik-blue-400:#4f7de3;
  --ik-blue-500:#1f5fe8;   /* azul sinal: gradiente e hover */
  --ik-blue-600:#0b47c9;
  --ik-blue-700:#0035a2;   /* azul Indikey (logo) */
  --ik-blue-800:#002a82;
  --ik-blue-900:#001d5c;
  --ik-blue-950:#00133d;

  --ik-coral-100:#ffe7e2;
  --ik-coral-300:#ffa392;
  --ik-coral-500:#fd5840;  /* coral Indikey (logo) */
  --ik-coral-600:#e3412a;

  /* legado — mantido para o painel */
  --ik-cyan-300:#ffa392;
  --ik-cyan-400:#ff7b66;
  --ik-cyan-500:#fd5840;
  --ik-cyan-700:#b8321f;

  /* ---------- 2. NEUTROS (cinza azulado) -------------------- */
  --ik-n-0:#ffffff;
  --ik-n-25:#fafbfe;
  --ik-n-50:#f3f6fc;
  --ik-n-100:#eaeff8;
  --ik-n-200:#dde4f1;
  --ik-n-300:#c5cfe2;
  --ik-n-400:#93a0bb;
  --ik-n-500:#66738f;
  --ik-n-600:#475370;
  --ik-n-700:#2f3a57;
  --ik-n-800:#1b2645;
  --ik-n-900:#0e1a3f;
  --ik-n-950:#081232;
  --ik-n-1000:#040a22;

  /* ---------- 3. SEMÂNTICA ---------------------------------- */
  --ik-success:#12824a;
  --ik-success-bg:#e6f5ec;
  --ik-warning:#a4610a;
  --ik-warning-bg:#fdf3e3;
  --ik-danger:#c32f22;
  --ik-danger-bg:#fdeceb;
  --ik-info:#0b47c9;
  --ik-info-bg:#eef3fd;

  /* ---------- 4. SUPERFÍCIES -------------------------------- */
  --paper:var(--ik-n-0);
  --mist:var(--ik-n-50);
  --mist-2:var(--ik-n-100);
  --deep:var(--ik-blue-900);
  --deep-2:var(--ik-blue-950);
  --line:var(--ik-n-200);
  --line-soft:var(--ik-n-100);
  --line-deep:rgba(255,255,255,.14);

  /* ---------- 5. TINTA -------------------------------------- */
  --ink:var(--ik-n-900);        /* títulos */
  --ink-2:var(--ik-n-600);      /* texto corrido */
  --ink-3:var(--ik-n-500);      /* apoio */
  --ink-on-deep:#ffffff;
  --ink-on-deep-2:#c9d6f5;

  /* ---------- 6. TIPOGRAFIA --------------------------------- */
  --font-display:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --serif:var(--font-display);
  --sans:var(--font-text);

  --t-display:clamp(44px,6.4vw,88px);
  --t-h1:clamp(38px,5vw,64px);
  --t-h2:clamp(30px,3.6vw,48px);
  --t-h3:18px;
  --t-lead:clamp(17px,1.5vw,19px);
  --t-body:16.5px;
  --t-small:15px;
  --t-micro:12.5px;

  --lh-display:.98;
  --lh-title:1.06;
  --lh-body:1.62;

  --ls-display:-.04em;
  --ls-title:-.032em;

  /* ---------- 7. ESPAÇO (escala 4pt) ------------------------ */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-7:32px; --s-8:40px; --s-9:48px; --s-10:64px;
  --s-11:80px; --s-12:112px;
  --section-y:clamp(80px,9vw,128px);

  /* ---------- 8. RAIO (hierarquia) -------------------------- */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px;
  --r-xl:28px; --r-2xl:36px; --r-pill:999px;

  /* ---------- 9. SOMBRA (tingida de azul) ------------------- */
  --sh-1:0 1px 2px rgba(0,29,92,.06);
  --sh-2:0 10px 30px -18px rgba(0,29,92,.28);
  --sh-3:0 30px 70px -36px rgba(0,29,92,.42);
  --sh-glass:0 18px 40px -22px rgba(0,53,162,.35), inset 0 1px 0 rgba(255,255,255,.9);
  --sh-brand:0 14px 30px -14px rgba(0,53,162,.7);

  /* ---------- 10. LAYOUT ------------------------------------ */
  --wrap:1240px;
  --wrap-narrow:920px;
  --pad:32px;
  --header-h:76px;

  /* ---------- 11. MOVIMENTO --------------------------------- */
  --ease:cubic-bezier(.16,1,.3,1);
  --dur-1:.18s; --dur-2:.28s; --dur-3:.6s;

  /* ---------- 12. FOCO -------------------------------------- */
  --focus:#fd5840;

  /* ---------- 13. GRADIENTES PERMITIDOS --------------------- */
  --grad-text:linear-gradient(95deg,#2b7bff 0%,#1f5fe8 45%,#0035a2 100%);
  --grad-sphere:radial-gradient(circle at 30% 28%,#8db2ff 0%,#3f78f0 38%,#0b47c9 72%,#0035a2 100%);
  --grad-coral:radial-gradient(circle at 70% 30%,#ffd7cc 0%,#ff9a86 42%,#fd5840 100%);
  --grad-brand:linear-gradient(95deg,var(--ik-blue-500),var(--ik-blue-700));
}

@media (max-width:900px){ :root{ --pad:20px; --header-h:66px } }