/* ==========================================================
   NETWAVE — Design Tokens
   Direção: premium, minimalista, matte, tecnológico.
   Pouco neon, pouco glow. Espaço negativo. Hierarquia clara.
   ========================================================== */

:root {
  /* Cores base — preto fosco */
  --bg: #05070b;
  --bg-elevated: #090c12;
  --surface: #0b0f16;
  --surface-2: #0e131c;
  --surface-3: #121824;

  /* Superfícies translúcidas (glassmorphism contido) */
  --glass-bg: rgba(14, 19, 28, 0.55);
  --glass-bg-strong: rgba(14, 19, 28, 0.82);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-strong: rgba(255, 255, 255, 0.14);

  /* Texto */
  --text: #eef2f7;
  --text-secondary: #a6b0bf;
  --text-muted: #6b7686;
  --text-faint: #4a5260;

  /* Marca */
  --blue: #2f7bff;
  --blue-hover: #4a8fff;
  --blue-active: #1f62d6;
  --blue-soft: rgba(47, 123, 255, 0.12);
  --cyan: #5fd9ff;
  --cyan-soft: rgba(95, 217, 255, 0.1);

  --gold: #f5b83c;

  /* Feedback — uso funcional apenas */
  --green: #3ddc84;
  --green-soft: rgba(61, 220, 132, 0.12);
  --amber: #f5b83c;
  --amber-soft: rgba(245, 184, 60, 0.12);
  --red: #ff5a72;
  --red-soft: rgba(255, 90, 114, 0.12);

  /* Borda e separadores */
  --border: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.14);

  /* Sombras — sutis, sem glow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);

  /* Radii — contidos */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Tipografia */
  --font-primary: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;

  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.8125rem;   /* 13px */
  --text-md: 0.9375rem;   /* 15px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.375rem;    /* 22px */
  --text-2xl: 1.75rem;    /* 28px */
  --text-3xl: clamp(2rem, 4vw, 3rem);      /* display sections */
  --text-4xl: clamp(2.5rem, 6vw, 4rem);    /* hero */

  --leading-tight: 1.15;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.02em;
  --tracking-wide: 0.08em;

  /* Transições — discretas */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur: 0.2s;
  --dur-slow: 0.4s;

  /* Layout */
  --container: 1120px;
}