/* =============================================
   HORUSMU - PALETA DE COLORES RENOVADA
   Sincronizada con style.css - Fase 1
   ============================================= */

:root {
    /* COLORES PRINCIPALES - PALETA DORADA HORUSMU */
    --bg-color: rgba(26, 20, 17, 1.0);  /* Fondo principal marrón oscuro */
    --content-bg-color: rgba(42, 35, 24, 0.9);  /* Fondo de contenido */
    --footer-bg-color: rgba(31, 27, 21, 0.85);  /* Fondo del footer */
    
    /* TEXTO - DORADO Y TONOS COMPATIBLES */
    --title-text-color: rgba(247, 148, 29, 1.0);  /* Títulos dorados */
    --general-text-color: rgba(232, 230, 227, 1.0);  /* Texto general claro */
    --link-text-color: rgba(247, 148, 29, 1.0);  /* Enlaces dorados */
    --link-text-color-hover: rgba(255, 165, 0, 1.0);  /* Enlaces hover más brillantes */
    
    /* BOTONES - TEMA DORADO */
    --btn-bg-color: rgba(15, 13, 10, 1.0);  /* Fondo de botones oscuro */
    --btn-bg-color-hover: rgba(247, 148, 29, 0.2);  /* Hover con dorado sutil */
    --btn-border-color: rgba(61, 52, 38, 1.0);  /* Borde de botones */
    --btn-border-color-hover: rgba(247, 148, 29, 1.0);  /* Borde hover dorado */
    --btn-text-color: rgba(232, 230, 227, 1.0);  /* Texto de botones */
    
    /* NAVEGACIÓN - INTEGRADA CON TEMA DORADO */
    --navbar-bg-color: rgba(15, 13, 10, 0.7);  /* Navbar transparente */
    --navbar-bg-color-scrolled: rgba(15, 13, 10, 0.95);  /* Navbar al hacer scroll */
    --navbar-bg-color-mobile: rgba(15, 13, 10, 0.9);  /* Navbar móvil */
    --navbar-bg-color-scrolled-mobile: rgba(15, 13, 10, 1.0);  /* Navbar móvil scroll */
    --navbar-text-color: rgba(196, 193, 188, 1.0);  /* Texto navbar */
    --navbar-text-color-hover: rgba(247, 148, 29, 1.0);  /* Texto hover dorado */
    --navbar-active-bg-color: rgba(247, 148, 29, 1.0);  /* Fondo activo dorado */
    --navbar-active-text-color: rgba(26, 20, 17, 1.0);  /* Texto activo oscuro */
    
    /* SLIDER - ACTUALIZADO CON DORADOS */
    --slider-bg-color: rgba(42, 35, 24, 0.4);  /* Fondo slider marrón */
    --slider-title-color: rgba(247, 148, 29, 1.0);  /* Título slider dorado */
    --slider-text-color: rgba(232, 230, 227, 1.0);  /* Texto slider claro */
    
    /* USERCP - PANEL DE USUARIO RENOVADO */
    --usercp-info-bg-color: rgba(31, 27, 21, 1.0);  /* Fondo info usuario */
    --usercp-info-text-color: rgba(196, 193, 188, 1.0);  /* Texto info */
    --usercp-section-bg-color: rgba(247, 148, 29, 1.0);  /* Sección dorada */
    --usercp-section-text-color: rgba(26, 20, 17, 1.0);  /* Texto sección oscuro */
    --usercp-item-bg-color: rgba(31, 27, 21, 1.0);  /* Fondo items */
    --usercp-item-bg-color-hover: rgba(247, 148, 29, 0.15);  /* Hover dorado sutil */
    --usercp-item-text-color: rgba(232, 230, 227, 1.0);  /* Texto items */
    --usercp-item-text-color-hover: rgba(232, 230, 227, 1.0);  /* Texto items hover */
    --usercp-item-side-bg-color: rgba(31, 27, 21, 1.0);  /* Fondo lateral */
    --usercp-item-side-bg-color-hover: rgba(247, 148, 29, 0.1);  /* Hover lateral */
    --usercp-item-side-text-color: rgba(232, 230, 227, 1.0);  /* Texto lateral */
    --usercp-item-side-text-color-hover: rgba(232, 230, 227, 1.0);  /* Texto lateral hover */
    --usercp-item-side-text-special-color: rgba(247, 148, 29, 1.0);  /* Texto especial dorado */
    --usercp-item-side-text-special-color-hover: rgba(255, 180, 71, 1.0);  /* Especial hover */
    
    /* COLORES DE ITEMS DEL JUEGO - MANTENER FUNCIONALIDAD */
    --item-color-exc: #F7941D;  /* Excelente - Dorado HorusMU */
    --item-color-socket-opt: #FF8C00;  /* Socket option - Naranja dorado */
    --item-color-socket: #FFB347;  /* Socket - Dorado claro */
    --item-color-normal: #E8E6E3;  /* Normal - Texto claro */
    --item-color-life-opt: #D4751A;  /* Life option - Dorado oscuro */
    --item-color-improved: #FFA500;  /* Mejorado - Dorado vibrante */
    --item-color-anc: #F7941D;  /* Ancient - Dorado principal */
    --item-color-anc-setopt: #FFD700;  /* Ancient set - Dorado brillante */
    --item-color-nocolor: #E8E6E3;  /* Sin color - Texto neutro */
    --item-color-fenrir: #D4751A;  /* Fenrir - Dorado oscuro */
    --item-color-fenrir-gold: #F7941D;  /* Fenrir gold - Dorado principal */
    --item-color-errtel-title: #E8E6E3;  /* Errtel título */
    --item-color-errtel-opt: #FFB347;  /* Errtel option */
    --item-color-errtel1: #ff0000;  /* Errtel 1 - Mantener rojo */
    --item-color-errtel2: #D4751A;  /* Errtel 2 - Dorado oscuro */
    --item-color-errtel3: #F7941D;  /* Errtel 3 - Dorado principal */
    --item-color-errtel4: #26e027;  /* Errtel 4 - Mantener verde (vida) */
    --item-color-errtel5: #8B4513;  /* Errtel 5 - Marrón coordinado */
    
    /* TOOLTIPS Y ELEMENTOS AUXILIARES */
    --item-tooltip-bg: rgba(31, 27, 21, 0.95);  /* Fondo tooltip marrón */
    --item-name-bg-color: rgba(42, 35, 24, 1.0);  /* Fondo nombre item */
    
    /* VARIABLES ADICIONALES PARA COMPATIBILIDAD */
    --accent-color: rgba(247, 148, 29, 1.0);  /* Color de acento */
    --accent-color-hover: rgba(255, 165, 0, 1.0);  /* Acento hover */
    --dark-bg: rgba(26, 20, 17, 1.0);  /* Fondo oscuro */
    --light-text: rgba(232, 230, 227, 1.0);  /* Texto claro */
    --border-color: rgba(61, 52, 38, 1.0);  /* Color de bordes */
}