/* =========================================================================
   GuiaVivo · Tokens · modo FUTURE
   -------------------------------------------------------------------------
   Estética: glass 3D, aurora viva, iridescência, grão sutil.
   - Tokens aqui (paleta/sombra/fonte) sobrescrevem livro.
   - Efeitos pesados (animações, grain, aurora) ficam em modes/future.css
   ========================================================================= */

html[data-mode="future"] {

  /* ---- Paleta aurora ---- */
  --paper:        #0D0B1A;
  --paper-warm:   #15102A;
  --paper-deep:   #1F1638;
  --paper-cave:   #050310;

  --ink:          #F4F1FF;
  --ink-soft:     #C8C0E0;
  --ink-softer:   #7A6FA0;

  --sage:         #C18CFF;
  --sage-deep:    #8CB8FF;
  --sage-soft:    rgba(193,140,255,0.22);

  --sand:         rgba(255,255,255,0.08);
  --sand-soft:    rgba(255,255,255,0.04);

  /* Aurora vibrante */
  --aurora-1:     #C18CFF;   /* violeta */
  --aurora-2:     #FF8CC8;   /* rosa */
  --aurora-3:     #8CB8FF;   /* azul */
  --aurora-4:     #8CFFD9;   /* menta */

  --aurora-grad:  linear-gradient(135deg,
    var(--aurora-1) 0%,
    var(--aurora-2) 35%,
    var(--aurora-3) 70%,
    var(--aurora-4) 100%);

  --aurora-conic: conic-gradient(from 0deg,
    var(--aurora-1), var(--aurora-2), var(--aurora-3),
    var(--aurora-4), var(--aurora-1));

  --glow-aurora:  0 0 36px rgba(193,140,255,0.45),
                  0 0 8px rgba(255,140,200,0.30);

  /* Glass layers (escalonadas) */
  --glass-1:      rgba(255,255,255,0.03);   /* mais sutil */
  --glass-2:      rgba(255,255,255,0.06);
  --glass-3:      rgba(255,255,255,0.10);   /* mais sólido */
  --glass-rim:    rgba(255,255,255,0.45);   /* highlight da borda superior */
  --glass-blur:   blur(40px) saturate(160%) brightness(108%);
  --glass-blur-strong: blur(60px) saturate(180%) brightness(112%);

  /* Bolha aurora */
  --bubble-body:    rgba(193, 140, 255, 0.18);
  --bubble-glow:    rgba(255, 200, 230, 0.55);
  --bubble-rim:     rgba(193, 140, 255, 0.50);
  --bubble-shadow:  0 0 48px rgba(193,140,255,0.40),
                    0 0 24px rgba(255,140,200,0.25),
                    0 16px 40px rgba(0,0,0,0.45);
  --bubble-glow-intensity: 1.4;

  /* Alertas */
  --alert-info:    #8CB8FF;
  --alert-warn:    #FFB347;
  --alert-error:   #FF7A9C;
  --alert-success: #8CFFD9;

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

  /* Elevação com tinta aurora */
  --shadow-soft:  0 1px 2px rgba(0,0,0,0.40),
                  0 2px 16px rgba(193,140,255,0.12);
  --shadow-lift:  0 12px 36px rgba(0,0,0,0.50),
                  0 0 32px rgba(193,140,255,0.20),
                  inset 0 1px 0 rgba(255,255,255,0.10);
  --shadow-page:  0 50px 120px rgba(0,0,0,0.70),
                  0 20px 60px rgba(193,140,255,0.18),
                  inset 0 1px 0 rgba(255,255,255,0.08);
}