/**
 * lycce-tema-azul.css — Edição AZUL da marca Lycce Vision (alternativa ao verde)
 *
 * Uso: carregar DEPOIS de lycce-tokens.css e lyccevision-app.css:
 *   <link rel="stylesheet" href="lycce-tokens.css">
 *   <link rel="stylesheet" href="lyccevision-app.css">
 *   <link rel="stylesheet" href="lycce-tema-azul.css">   <!-- tema azul -->
 *
 * Este arquivo não altera nenhum arquivo do tema verde: as telas continuam verdes
 * por padrão; a edição azul existe apenas quando este CSS é incluído (ou injetado,
 * como faz Web/tools/capture-set-azul.js).
 *
 * Troca aplicada: verde da marca (#10b981) → azul do próprio modelo (--blue-tech /
 * --ly-info, #3b82f6). Papéis preservados (marca, sessão ativa, ação primária, rota,
 * medidores, brilho neon) e mesmas opacidades, para o layout não mudar em nada.
 * Contraste do azul sobre o fundo do app (#030712): 5,5:1 — mantém WCAG AA (mín. 4,5:1).
 */

/* ── 1. Tokens da marca (verde → azul) ──────────────────────────── */
:root {
  --ly-brand: #3b82f6;
  --ly-brand-dim: rgba(59, 130, 246, 0.12);
  --ly-glow-brand: 0 0 12px rgba(59, 130, 246, 0.45);

  /* Observação de semântica: nesta edição --ly-brand e --ly-info (#3b82f6) coincidem.
     Se for preciso distinguir "rota/parada" (info) de "sessão" (marca), descomente:
     --ly-info: #38bdf8;
     --ly-info-dim: rgba(56, 189, 248, 0.12); */
}

/* ── 2. Brilhos e literais que não passam por token ─────────────── */
.ly-glow-text { text-shadow: 0 0 10px rgba(59, 130, 246, 0.6); }
.app-nav__btn:hover, .app-nav__btn[aria-current="page"] { border-color: rgba(59, 130, 246, 0.25); }
.app-hero__btn { background: linear-gradient(180deg, rgba(59, 130, 246, 0.18), rgba(59, 130, 246, 0.03)); }
.app-meter__fill { background: linear-gradient(90deg, var(--ly-brand), #60a5fa); }
.app-switch__control[aria-checked="true"] { background: rgba(59, 130, 246, 0.22); }
.app-map__glow { background: radial-gradient(circle, rgba(59, 130, 246, 0.16), transparent 70%); }
.app-map__route { filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.5)); }
.app-tile__scan { background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.9), transparent); }