/* Axis marketing — pegada cinematográfica (ref. Japan Tours / Behance)
   Escuro + ouro Axis. Tipografia geométrica de impacto. */
:root {
  --bg: #070708;
  --bg-2: #0e0e10;
  --surface: #141416;
  --surface-2: #1a1a1d;
  --line: rgba(255, 255, 255, 0.12);
  --line-soft: rgba(255, 255, 255, 0.08);
  --text: #f4f2ec;
  --text-soft: rgba(244, 242, 236, 0.72);
  --muted: rgba(244, 242, 236, 0.48);
  --accent: #e4ac13;
  --accent-2: #f0bb2d;
  --accent-dim: rgba(228, 172, 19, 0.16);
  --btn-on-accent: #080909;
  --radius: 14px;
  --radius-sm: 10px;
  --font-display: "Space Grotesk", "Segoe UI", sans-serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  --max: 1200px;
  --max-wide: 1360px;
}