/* ============================================================
   HIPERCAPITAL FINANCE — capa de marca compartida
   Se carga después del CSS de cada app para unificar la estética:
   mismo fondo de rejilla, paleta cian y detalles de marca.
   ============================================================ */
:root {
  --hipcf-bg: #030712;
  --hipcf-accent: #00E5FF;
  --hipcf-accent-soft: rgba(0, 229, 255, 0.05);
  --hipcf-gold: #d4b46a;
}

html { background: var(--hipcf-bg); }

body {
  background-color: var(--hipcf-bg) !important;
  background-image:
    linear-gradient(var(--hipcf-accent-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--hipcf-accent-soft) 1px, transparent 1px) !important;
  background-size: 2.5rem 2.5rem !important;
  background-position: center center !important;
  background-attachment: fixed !important;
}

/* Selección de texto y barra de scroll coherentes con la marca */
::selection { background: rgba(0, 229, 255, 0.25); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #050a14; }
::-webkit-scrollbar-thumb { background: #1b2a47; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #00b8cc; }

/* Accesibilidad: respeta "reducir movimiento" */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}