/* Fatura — azul profundo: confiança, rigor e números limpos */
:root {
  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Sora", "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --wm-font: "Sora", "IBM Plex Sans", system-ui, sans-serif;
  --wm-ls: -0.05em;

  --bg: #071a3d;
  --bg-2: #0a2250;
  --surface: #0d2a5e;
  --surface-2: #123372;
  --line: #1f467f;
  --grid: rgba(125, 175, 255, .09);
  --text: #eaf2ff;
  --muted: #a4bbe0;
  --accent: #4da3ff;
  --accent-hi: #7bbcff;
  --accent-ink: #04163a;
  --header-bg: rgba(7, 26, 61, .9);
  --panel-shadow: 0 30px 80px -40px rgba(77, 163, 255, .5);
  --ring: rgba(77, 163, 255, .28);
}

.wordmark { font-weight: 700; }
.wordmark i { font-weight: 400; }
.section h2, .tagline { font-weight: 600; }

.hero::before {
  background-image:
    radial-gradient(55% 60% at 82% 18%, rgba(77, 163, 255, .22), transparent 70%),
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}
.cta { background: linear-gradient(180deg, var(--bg-2), var(--bg)); }
.totals .grand span:last-child { color: var(--accent-hi); }