/* Aspecto «Space PC» (edición propia de Space PC).
 *
 * Es la pintura del sistema original de Space PC (v1.x–v2.6): fondos casi negros con tinte morado, acento índigo y
 * detalles en rosa. Se carga ENCIMA de app.css solo en la Interfaz Clásica y solo si el config.php de la instancia
 * dice 'aspecto' => 'spacepc'. Como una funda de teléfono: cambia el color por fuera, el teléfono es el mismo.
 *
 * Solo cambia los TOKENS de app.css (y tres detalles de marca abajo). Los mismos valores están en ASPECTOS
 * (app/marca.php) para que Personalización revise el contraste sobre estos fondos; una prueba compara los dos.
 * Los pares de texto y fondo cumplen contraste AA (4.5:1) en claro y oscuro, igual que la Clásica.
 */
:root, [data-theme="dark"] {
  --bg: #08070f;
  --bg-2: #0e0b1c;
  --card: #140f2b;
  --card-2: #1a1436;
  --input: #0f0b21;
  --line: #2a2250;
  --line-strong: #7a70a8;
  --tx: #f1ecff;
  --mut: #a79fc9;
  --ac: #6666e2;
  --ac-2: #8b8bff;
  --on-ac: #ffffff;
  --notif: #e11d74;
  --pink: #f472b6;
  --sp-rosa: #e11d74;
  --shadow: 0 10px 30px rgba(0, 0, 0, .35);
  --backdrop: rgba(5, 3, 15, .6);
}
[data-theme="light"] {
  --bg: #f5f3fc;
  --bg-2: #ece8fa;
  --card: #ffffff;
  --card-2: #f7f5fe;
  --input: #ffffff;
  --line: #e1dcf3;
  --line-strong: #7d76a3;
  --tx: #1b1236;
  --mut: #5b5482;
  --ac: #4f4fdb;
  --ac-2: #4040c8;
  --on-ac: #ffffff;
  --notif: #a50e50;
  --pink: #a50e50;
  --sp-rosa: #a50e50;
  /* Rojo y azul de aviso un poco más oscuros: el menú lila los apagaba sobre la fila elegida. */
  --err: #a51b1b;
  --info: #1e40af;
  --shadow: 0 8px 24px rgba(40, 20, 100, .08);
  --backdrop: rgba(27, 18, 54, .45);
}
/* Detalles de marca del sistema original. */
[data-aspecto="spacepc"] .avatar { background: linear-gradient(135deg, var(--ac), var(--sp-rosa)); color: #fff; }
[data-aspecto="spacepc"] .stat-pink { border-top-color: var(--sp-rosa); }
[data-aspecto="spacepc"] .btn-pink { background: var(--sp-rosa); color: #fff; }
[data-aspecto="spacepc"] body.simple {
  background: radial-gradient(1200px 600px at 80% -10%, color-mix(in srgb, var(--ac) 25%, transparent), transparent),
              radial-gradient(800px 500px at -10% 110%, color-mix(in srgb, var(--sp-rosa) 18%, transparent), transparent),
              var(--bg);
}
@media print { [data-aspecto="spacepc"] body.simple { background: #fff !important; } }