/* Tema oficial MalivOS — identidad de marca (2026-08).
   Fondo negro puro, textos blancos, primario rojo Maliv, fuente Rajdhani
   (condensada, técnica, con vibe automotriz). Basado en el logo nuevo:
   fondo negro + letras blancas + slash rojo. */

[data-theme="maliv"] {
  color-scheme: dark;

  /* Familia tipográfica — Rajdhani es la mejor match con el logo (condensada,
     modernista, italicish). Fallback a system-ui para no romper si Google Fonts
     tarda o no carga. */
  --font-body:    'Rajdhani', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Rajdhani', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Colores derivados del logo */
  --_bg:            #000000;                       /* negro puro como fondo del logo */
  --_surface:       hsl(240, 5%, 7%);              /* casi negro con matiz frío */
  --_surface-alt:   hsl(240, 5%, 11%);
  --_text:          #ffffff;                       /* blanco puro como letras MALIV */
  --_text-muted:    hsl(240, 5%, 65%);
  --_text-inverse:  #000000;
  --_primary:       #D90310;                       /* rojo Maliv del slash */
  --_primary-hover: #F01523;
  --_primary-text:  #ffffff;
  --_accent:        #ffffff;                       /* blanco como acento premium */
  --_border:        hsl(240, 5%, 16%);
  --_border-strong: hsl(240, 5%, 26%);
  --_success:       hsl(150, 60%, 55%);
  --_warning:       hsl(40, 95%, 60%);
  --_danger:        #D90310;                       /* mismo rojo Maliv */
  --_info:          hsl(200, 85%, 62%);
  --_shadow-sm:     0 1px 2px rgb(0 0 0 / 0.5);
  --_shadow-md:     0 4px 12px rgb(0 0 0 / 0.65);
  --_shadow-lg:     0 10px 40px rgb(0 0 0 / 0.75);
}

/* Sub-detalle: la Rajdhani se ve mejor un pelín más grande y con más peso.
   Ajustamos el weight base para que se lea con carácter (700 en display, 500
   en body) sin tocar la escala global. */
[data-theme="maliv"] body {
  font-weight: 500;
  letter-spacing: .01em;
}
[data-theme="maliv"] h1,
[data-theme="maliv"] h2,
[data-theme="maliv"] h3,
[data-theme="maliv"] .torre-col-chip,
[data-theme="maliv"] button {
  font-weight: 700;
  letter-spacing: .015em;
}

/* Forzar Rajdhani en todos los elementos del nav y de la app — algunos
   componentes (buttons, spans anidados) heredan mal cuando hay CSS shadow o
   Web Components. Con esta regla wildcard nada se queda con system-ui. */
[data-theme="maliv"] *,
[data-theme="maliv"] .tn-item,
[data-theme="maliv"] .tn-drop-btn,
[data-theme="maliv"] .tn-lb,
[data-theme="maliv"] .mbn-mi,
[data-theme="maliv"] input,
[data-theme="maliv"] select,
[data-theme="maliv"] textarea {
  font-family: var(--font-body);
}