/* MiRebt — tokens globales (tema "eléctrico" oscuro)
   Sobrescribir desde el host: redefinir variables en :root o en el contenedor que aloja <rebt-app>. */

:root {
  /* Paleta base */
  --rebt-bg:           #0a0f1a;
  --rebt-bg-elev:      #111827;
  --rebt-bg-card:      #0f1623;
  --rebt-fg:           #e6f1ff;
  --rebt-fg-muted:     #8aa0bd;
  --rebt-border:       #1f2a3d;

  /* Acentos eléctricos */
  --rebt-accent:       #38f0ff;      /* cian neón */
  --rebt-accent-2:     #ffd23f;      /* amarillo rayo */
  --rebt-accent-soft:  rgba(56, 240, 255, 0.18);

  /* Semánticos */
  --rebt-success:      #5cf08a;
  --rebt-danger:       #ff5577;
  --rebt-warn:         #ffb84d;

  /* Glow / sombras */
  --rebt-glow-accent:  0 0 0 1px rgba(56,240,255,0.6), 0 0 18px rgba(56,240,255,0.35);
  --rebt-glow-soft:    0 0 0 1px rgba(56,240,255,0.25), 0 0 12px rgba(56,240,255,0.15);
  --rebt-shadow-card:  0 12px 28px rgba(0,0,0,0.45);

  /* Tipografía */
  --rebt-font:         system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rebt-font-mono:    ui-monospace, "JetBrains Mono", Consolas, "Courier New", monospace;

  /* Espaciado */
  --rebt-radius:       12px;
  --rebt-radius-sm:    6px;
  --rebt-gap:          12px;

  /* Animación */
  --rebt-anim-fast:    160ms ease;
  --rebt-anim-flip:    520ms cubic-bezier(.2,.7,.2,1);
}

html, body {
  margin: 0;
  padding: 0;
  background: radial-gradient(1200px 600px at 10% -10%, rgba(56,240,255,0.10), transparent 60%),
              radial-gradient(900px 500px at 110% 110%, rgba(255,210,63,0.07), transparent 60%),
              var(--rebt-bg);
  color: var(--rebt-fg);
  font-family: var(--rebt-font);
  min-height: 100vh;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --rebt-anim-fast: 0ms;
    --rebt-anim-flip: 0ms;
  }
}