/* ══════════════════════════════════════════════════════════════════════
   TEMA J.A.R.V.I.S. — paleta da arte oficial

   Tokens do pacote vetorial (design/jarvis-reference/jarvis-theme.css).
   O HUD antigo continua com as variáveis de sempre (--cyan, --bg, --text...);
   aqui elas passam a apontar para a paleta nova, então tudo que já usa
   var(--...) muda junto sem tocar no style.css.

   Carregado depois do style.css de propósito: mesma especificidade, quem
   vem por último ganha.

   Etapa 1: cores, fundo, título. As ~70 cores douradas soltas nos painéis
   (Mega-Brain e cia) ficam para a etapa 2.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  --jarvis-bg-0: #00030a;
  --jarvis-bg-1: #041126;
  --jarvis-bg-2: #071a34;
  --jarvis-surface: rgba(5, 20, 46, 0.72);
  --jarvis-surface-strong: rgba(3, 13, 31, 0.92);
  --jarvis-cyan: #35f5ff;
  --jarvis-blue: #168fff;
  --jarvis-blue-deep: #0a4ec4;
  --jarvis-ice: #e9ffff;
  --jarvis-text: #eaf9ff;
  --jarvis-text-muted: #82a7c8;
  --jarvis-border: rgba(53, 245, 255, 0.20);
  --jarvis-border-active: rgba(53, 245, 255, 0.72);
  --jarvis-grid: rgba(22, 143, 255, 0.07);
  --jarvis-glow-sm: 0 0 10px rgba(53, 245, 255, 0.30);
  --jarvis-glow-md: 0 0 18px rgba(22, 143, 255, 0.42);
  --jarvis-radius-sm: 10px;
  --jarvis-radius-md: 18px;

  /* ── o HUD antigo passa a beber da paleta nova ── */
  --bg: var(--jarvis-bg-0);
  --bg2: var(--jarvis-bg-1);
  --cyan: var(--jarvis-blue);
  --cyan2: var(--jarvis-blue-deep);
  --white: var(--jarvis-ice);
  --text: var(--jarvis-text);
  --text-dim: var(--jarvis-text-muted);
  --glass-border: var(--jarvis-border);
  --sf-primary: var(--jarvis-blue);
  --sf-bg-deep: var(--jarvis-bg-0);
  --sf-bg-mid: var(--jarvis-bg-1);
  --sf-text-bright: var(--jarvis-text);
  /* era #5a6d99: contraste 3,9:1 no fundo escuro, abaixo do mínimo para
     texto. O tom da paleta nova dá 7,6:1. */
  --sf-text-dim: var(--jarvis-text-muted);
}

/* No celular a decoração cai pela metade: a grade some no fundo e não
   briga com texto pequeno. */
@media (max-width: 820px) {
  :root { --jarvis-grid: rgba(22, 143, 255, 0.04); }
}

/* ── Fundo: marinho profundo, grade fina de HUD e um halo azul no alto ── */
body {
  background:
    radial-gradient(circle at 50% 10%, rgba(22, 143, 255, 0.14), transparent 42%),
    linear-gradient(var(--jarvis-grid) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, var(--jarvis-grid) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(180deg, var(--jarvis-bg-1) 0%, var(--jarvis-bg-0) 55%) !important;
  background-color: var(--jarvis-bg-0) !important;
}

/* ── Título da barra: sai o dourado, entra o gelo com brilho ciano.
   O nome não compete com o conteúdo: brilho curto, sem halo largo. ── */
.navbar-title {
  color: var(--jarvis-ice) !important;
  text-shadow: 0 0 10px rgba(53, 245, 255, 0.45), 0 0 22px rgba(22, 143, 255, 0.22) !important;
}

/* ── Foco de teclado sempre visível ── */
:focus-visible {
  outline: 2px solid var(--jarvis-cyan);
  outline-offset: 2px;
}

/* ── Quem pediu menos movimento não recebe a decoração animada ── */
@media (prefers-reduced-motion: reduce) {
  .cyber-hexgrid, .cyber-scanlines { animation: none !important; }
}