/* =========================================================================
   GuiaVivo · Tokens · modo APP
   -------------------------------------------------------------------------
   - Sobrescreve só os tokens que mudam entre livro → app.
   - Os funcionais (--bg, --fg, --accent) resolvem automaticamente
     porque apontam pra paleta (--paper, --ink, --sage) que está sendo
     redefinida aqui.
   - Estética: painel técnico, navy profundo, glass, ciano elétrico.
   ========================================================================= */

html[data-mode="app"] {

  /* ---- Paleta (a base muda; funcionais herdam) ---- */
  --paper:        #131527;        /* canvas principal: navy profundo */
  --paper-warm:   #181B30;        /* superfície glass leve */
  --paper-deep:   #1F2235;        /* superfície glass forte */
  --paper-cave:   #0A0C1A;        /* fundo fora do device (mais escuro ainda) */

  --ink:          #F0F2F8;        /* texto principal: branco-frio */
  --ink-soft:     #C6CADD;        /* texto secundário */
  --ink-softer:   #7A7F99;        /* texto muted */

  --sage:         #74C5FF;        /* accent passa a ser ciano */
  --sage-deep:    #5A8DFF;        /* accent profundo: azul */
  --sage-soft:    rgba(143,226,255,0.20);

  --sand:         rgba(255,255,255,0.08);   /* linhas finas */
  --sand-soft:    rgba(255,255,255,0.04);

  /* Tokens extras do modo app (não existem no livro) */
  --cyan:         #8FE2FF;
  --blue:         #5AA4FF;
  --indigo:       #4A6EFF;
  --active-grad:  linear-gradient(135deg, #B7EAFF 0%, #74C5FF 50%, #5A8DFF 100%);
  --glow-cyan:    0 0 32px rgba(116,197,255,0.35), 0 0 6px rgba(116,197,255,0.40);

  /* Bolha — adapta pra glow ciano sobre navy */
  --bubble-body:    rgba(143, 226, 255, 0.18);
  --bubble-glow:    rgba(183, 234, 255, 0.55);
  --bubble-rim:     rgba(143, 226, 255, 0.40);
  --bubble-shadow:  0 0 32px rgba(116,197,255,0.30), 0 8px 24px rgba(0,0,0,0.40);
  --bubble-glow-intensity: 1;

  /* Alertas — paleta tech */
  --alert-info:    #74C5FF;
  --alert-warn:    #FFB347;
  --alert-error:   #FF5C7A;
  --alert-success: #7CFFB2;

  /* Tipografia */
  --font-display: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-body:    'Manrope', 'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Elevação — substitui sombras quentes por sombras pretas + glow ciano */
  --shadow-soft:  0 1px 2px rgba(0,0,0,0.30), 0 2px 10px rgba(0,0,0,0.15);
  --shadow-lift:  0 12px 32px rgba(0,0,0,0.40), 0 0 24px rgba(116,197,255,0.10);
  --shadow-page:  0 30px 80px rgba(0,0,0,0.60), 0 16px 40px rgba(0,0,0,0.30);
}