/**
 * ============================================================================
 * PLATAFORMA: Roomora OS (Gestión Hotelera & Facturación Electrónica)
 * CREADOR: Jhon Espinoza Arquinigo
 * WHATSAPP: +51 931455647
 * ============================================================================
 * Archivo: public/assets/css/themes/theme-nebula.css
 * Descripción: Tema "Nebula" (Por defecto). Paleta de colores oscuros cósmicos
 * orientada a operaciones nocturnas de recepción, con alto contraste.
 * ============================================================================
 */

:root, [data-theme="nebula"] {
    /* Fondos (Backgrounds) */
    --bg-base:          #050810; /* Fondo principal de la app */
    /* SOLUCIÓN: Aclaramos bg-surface para crear contraste real */
    --bg-surface:       #121824; /* Tarjetas y contenedores (Antes #0d1117) */
    --bg-elevated:      #1a2332; /* Modales y dropdowns (Antes #141b24) */
    --bg-overlay:       rgba(5, 8, 16, 0.85);
    --bg-hover:         #1f2d3d;

    /* Textos */
    --text-primary:     #e8f4ff; /* Blanco frío */
    --text-secondary:   #8899aa; /* Gris azulado para subtítulos */
    --text-muted:       #556677; /* Texto deshabilitado o de muy baja importancia */
    --text-inverse:     #050810; /* Texto oscuro sobre fondos claros (botones) */

    /* Acentos y Marca */
    --accent-primary:   #00d4ff; /* Cyan brillante */
    --accent-secondary: #7c3aed; /* Violeta profundo */
    --accent-glow:      rgba(0, 212, 255, 0.3);
    --accent-gradient:  linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);

    /* Bordes */
    --border-subtle:    rgba(255, 255, 255, 0.06);
    --border-default:   rgba(255, 255, 255, 0.12);
    --border-strong:    rgba(0, 212, 255, 0.4);

    /* Estados del Sistema (Semántica) */
    --status-success:   #00e676; /* Verde neón */
    --status-warning:   #ffc107; /* Amarillo alerta */
    --status-error:     #ff4757; /* Rojo peligro */
    --status-info:      #00d4ff; /* Azul/Cyan información */

    /* Sombras base para el tema oscuro */
    --shadow-color:     rgba(0, 0, 0, 0.5);
}

/* Base general de aplicación rápida */
body {
    background-color: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-body);
}