/* ============================================================
   PUSHFY NEWSITE — DESIGN TOKENS
   Dark cinematic CPaaS · deep-space navy + electric blue
   ============================================================ */
:root {
  /* Superfícies */
  --bg-0: #04060d;
  --bg-1: #070b16;
  --bg-2: #0b1120;
  --glass: rgba(12, 18, 34, 0.72);
  --glass-strong: rgba(16, 24, 44, 0.85);
  --stroke: rgba(255, 255, 255, 0.08);
  --stroke-strong: rgba(255, 255, 255, 0.14);

  /* Tinta */
  --ink: #e9eef8;
  --ink-soft: #b6c2d9;
  --ink-mute: #8794ad;
  --ink-dim: #5c6a85;

  /* Acentos */
  --accent: #4979ff;          /* azul Pushfy */
  --accent-2: #4979ff;        /* ciano dados */
  --accent-3: #8b7bff;        /* violeta IA */
  --accent-4: #4979ff;        /* verde fluxo/ok */
  --warn: #ffb020;
  --danger: #ff5470;

  --grad-hero: linear-gradient(92deg, #6ea0ff 0%, #4979ff 55%, #8b7bff 100%);
  --glow-accent: 0 0 24px rgba(73, 121, 255, 0.45);

  /* Tipografia */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* Escala fluida */
  --fs-hero: clamp(2.4rem, 1.2rem + 4.6vw, 4.6rem);
  --fs-h2: clamp(1.8rem, 1rem + 2.8vw, 3.1rem);
  --fs-h3: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --fs-lead: clamp(1.02rem, 0.95rem + 0.4vw, 1.22rem);
  --fs-body: 1rem;
  --fs-small: 0.86rem;
  --fs-tiny: 0.76rem;

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  --section-pad: clamp(5rem, 10vw, 9rem);
  --radius: 18px;
  --radius-lg: 26px;

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.55s;

  /* Z-index */
  --z-scene: 0;
  --z-content: 2;
  --z-nav: 50;
  --z-progress: 60;
}