/* Dark Luxury compartido para las páginas HTML estáticas (mismos tokens que app/globals.css).
   Solo cambia fondo, texto y selección: no toca layout ni lógica de cada página. */
:root {
  --lux-ink: #0b0710;
  --lux-wine: #3a0a1c;
  --lux-crimson: #6b0f2a;
  --lux-ruby: #e0115f;
  --lux-text: #f6eef1;
  --lux-text-soft: #cdbfc5;
  --lux-edge: rgba(255, 120, 150, 0.18);
  --lux-glow: rgba(224, 17, 95, 0.28);
  --lux-gradient:
    radial-gradient(120% 60% at 50% -10%, rgba(107, 15, 42, 0.55), transparent 60%),
    radial-gradient(80% 50% at 100% 100%, rgba(58, 10, 28, 0.6), transparent 70%),
    linear-gradient(180deg, #0b0710 0%, #120810 55%, #0b0710 100%);
}

html body {
  background: var(--lux-gradient);
  background-color: var(--lux-ink);
  color: var(--lux-text);
}

::selection {
  background: rgba(224, 17, 95, 0.45);
  color: #fff;
}