:root, [data-theme="basico"] {
    
    --bg-sitio: #fef6e4;                      
    --bg-gradiente: linear-gradient(to right, #fef6e4, #e0f7fa);
    --bg-tarjeta: #ffffff;                  
    --bg-input: #f9f9f9;
    
    
    --texto-principal: #2E2E2E;               
    --texto-secundario: #6b7280;              
    --texto-blanco: #ffffff;                  
    
    
    --color-primario: #12345b;               
    --color-primario-hover: #1aa9d5;      
    --color-secundario: #d81b60;         
    --color-secundario-hover: #f48fb1;
    
    
    --exito-verde: #4CAF50;
    --exito-verde-hover: #81C784;
    --alerta-naranja: #ff6f61;               
    --moneda-oro: #fbbf24;                  
    
    
    --borde-suave: #e5e7eb;
    --borde-fuerte: #ced4da;
    --sombra-tarjeta: 0 4px 15px rgba(0, 0, 0, 0.05);

    
    --juego-top1-acento: #e8b100;
    --juego-top2-acento: #9aa3af;
    --juego-top3-acento: #b87333;
    --bg-sala-juego: #fff8ea;
    --bg-sala-juego-degradado: linear-gradient(160deg, #fff8ea, #ffe3ee);
}




[data-theme="oscuro"] {
    
    --bg-sitio: #111827;                      
    --bg-gradiente: linear-gradient(to right, #111827, #1f2937);
    --bg-tarjeta: #1f2937;                    
    --bg-input: #374151;
    
    
    --texto-principal: #f9fafb;               
    --texto-secundario: #9ca3af;              
    --texto-blanco: #ffffff;
    
    
    --color-primario: #3b82f6;                
    --color-primario-hover: #60a5fa;
    --color-secundario: #ec4899;              
    --color-secundario-hover: #f472b6;
    
    
    --exito-verde: #10b981;
    --exito-verde-hover: #34d399;
    --alerta-naranja: #f87171;
    --moneda-oro: #f59e0b;
    
    
    --borde-suave: #374151;
    --borde-fuerte: #4b5563;
    --sombra-tarjeta: 0 8px 25px rgba(0, 0, 0, 0.4);

    
    --juego-top1-acento: #ffcf40;
    --juego-top2-acento: #6b7280;
    --juego-top3-acento: #b45309;
    --bg-sala-juego: #141b29;
    --bg-sala-juego-degradado: linear-gradient(160deg, #141b29, #241033);
}




[data-theme="neon"] {
    
    --bg-sitio: #050505;                      
    --bg-gradiente: linear-gradient(to right, #000000, #0a0a0a);
    --bg-tarjeta: #0a0a0a;
    --bg-input: #111;
    
    
    --texto-principal: #00ffcc;               
    --texto-secundario: #a3e635;              
    --texto-blanco: #ffffff;
    
    
    --color-primario: #ff00ff;                
    --color-primario-hover: #d900d9;
    --color-secundario: #00ffcc;
    --color-secundario-hover: #00e6b8;
    
    
    --exito-verde: #39ff14;                   
    --exito-verde-hover: #32e612;
    --alerta-naranja: #ff003c;
    --moneda-oro: #ffd700;
    
    
    --borde-suave: #00ffcc;
    --borde-fuerte: #ff00ff;
    --sombra-tarjeta: 0 0 10px rgba(0, 255, 204, 0.2), inset 0 0 10px rgba(255, 0, 255, 0.1);

    
    --juego-top1-acento: #ffe600;
    --juego-top2-acento: #a3e635;
    --juego-top3-acento: #ff00ff;
    --bg-sala-juego: #070709;
    --bg-sala-juego-degradado: linear-gradient(160deg, #070709, #12001a);
}




[data-theme="oceano"] {
    
    --bg-sitio: #e0f7fa;                      
    --bg-gradiente: linear-gradient(to right, #e0f7fa, #b2ebf2);
    --bg-tarjeta: #ffffff;                    
    --bg-input: #f1f8e9;
    
    
    --texto-principal: #004d40;               
    --texto-secundario: #00796b;              
    --texto-blanco: #ffffff;
    
    
    --color-primario: #00838f;                
    --color-primario-hover: #00bcd4;          
    --color-secundario: #0288d1;              
    --color-secundario-hover: #29b6f6;
    
    
    --exito-verde: #43a047;
    --alerta-naranja: #ff7043;                
    --moneda-oro: #fbc02d;
    
    
    --borde-suave: #b2dfdb;
    --borde-fuerte: #80cbc4;
    --sombra-tarjeta: 0 4px 15px rgba(0, 77, 64, 0.1);

    
    --juego-top1-acento: #f0b429;
    --juego-top2-acento: #80cbc4;
    --juego-top3-acento: #ff7043;
    --bg-sala-juego: #e6fbfd;
    --bg-sala-juego-degradado: linear-gradient(160deg, #e6fbfd, #c3f0e8);
}