/* ============================================
   VARIABLES DE COLOR OFICIALES AITANA TOUR
   ============================================ */
:root {
    /* COLORES PRINCIPALES */
    --aitana-primary: #cc0000;        /* ROJO PRINCIPAL de Aitana Tour */
    --aitana-primary-light: #ff0000;  /* Rojo brillante (variaciones/efectos) */
    --aitana-primary-dark: #aa0000;   /* Rojo más oscuro (hover/activo) */
    
    /* COLORES SECUNDARIOS */
    --aitana-orange: #ff6b35;         /* Naranja complementario */
    --aitana-orange-dark: #e55a2b;    /* Naranja oscuro */
    --aitana-orange-light: #ff7f4d;   /* Naranja claro */
    --aitana-amber: #f39c12;          /* Dorado/ámbar */
    
    /* SUSTITUTOS DEL AZUL PROBLEMÁTICO */
    --aitana-success: #27ae60;        /* Verde para éxito/confirmación */
    --aitana-info: #16a085;           /* Verde azulado para información */
    --aitana-warning: #f39c12;        /* Ámbar para advertencias */
    
    /* COLORES NEUTROS */
    --aitana-dark: #2d3436;           /* Gris muy oscuro */
    --aitana-menu-bg: #1a1a1a;        /* Gris muy oscuro para fondo de menús */
    --aitana-gray: #636e72;           /* Gris medio */
    --aitana-light-gray: #ddd;        /* Gris claro */
    --aitana-white: #ffffff;          /* Blanco */
    --aitana-black: #000000;          /* Negro */
    
    /* VARIABLES PARA PÁGINAS LEGALES - TEMA OSCURO */
    --color-surface: #1a1a1a;         /* Superficie oscura para tarjetas/secciones */
    --color-border: rgba(255, 255, 255, 0.1);  /* Bordes sutiles en tema oscuro */
    --color-background: rgba(0, 0, 0, 0.3);    /* Fondo semitransparente oscuro */
    --color-text: var(--aitana-white);         /* Texto principal */
    --color-text-light: var(--aitana-white);   /* Texto secundario */
    --color-primary: var(--aitana-primary);    /* Color principal */
    --color-secondary: var(--aitana-orange);   /* Color secundario */
    --color-warning: var(--aitana-orange);     /* Color de advertencia */
    
    /* GRADIENTES OFICIALES */
    --aitana-gradient-primary: linear-gradient(135deg, var(--aitana-primary), var(--aitana-primary-dark));
    --aitana-gradient-secondary: linear-gradient(135deg, var(--aitana-orange), var(--aitana-orange-dark));
    --aitana-gradient-hero: linear-gradient(135deg, var(--aitana-primary-light), var(--aitana-primary));
    
    /* SOMBRAS CON COLORES OFICIALES */
    --aitana-shadow-primary: 0 4px 15px rgba(204, 0, 0, 0.3);
    --aitana-shadow-secondary: 0 4px 15px rgba(255, 107, 53, 0.3);
    --aitana-shadow-light: 0 2px 10px rgba(0, 0, 0, 0.1);
    --aitana-shadow-medium: 0 4px 20px rgba(0, 0, 0, 0.15);
    --aitana-shadow-dark: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* ============================================
   UTILIDADES DE COLORES
   ============================================ */
.text-primary { color: var(--aitana-primary) !important; }
.text-primary-light { color: var(--aitana-primary-light) !important; }
.text-primary-dark { color: var(--aitana-primary-dark) !important; }
.text-orange { color: var(--aitana-orange) !important; }
.text-success { color: var(--aitana-success) !important; }
.text-info { color: var(--aitana-info) !important; }
.text-warning { color: var(--aitana-warning) !important; }

.bg-primary { background-color: var(--aitana-primary) !important; }
.bg-primary-light { background-color: var(--aitana-primary-light) !important; }
.bg-primary-dark { background-color: var(--aitana-primary-dark) !important; }
.bg-orange { background-color: var(--aitana-orange) !important; }
.bg-gradient-primary { background: var(--aitana-gradient-primary) !important; }
.bg-gradient-secondary { background: var(--aitana-gradient-secondary) !important; }
.bg-gradient-hero { background: var(--aitana-gradient-hero) !important; }

.border-primary { border-color: var(--aitana-primary) !important; }
.border-orange { border-color: var(--aitana-orange) !important; }

/* ============================================
   ESTADOS INTERACTIVOS
   ============================================ */
.btn-primary {
    background: var(--aitana-gradient-primary);
    border: 2px solid var(--aitana-primary);
    color: var(--aitana-white);
}

.btn-primary:hover {
    background: var(--aitana-primary-dark);
    border-color: var(--aitana-primary-dark);
    box-shadow: var(--aitana-shadow-primary);
}

.btn-secondary {
    background: var(--aitana-gradient-secondary);
    border: 2px solid var(--aitana-orange);
    color: var(--aitana-white);
}

.btn-secondary:hover {
    background: var(--aitana-orange-dark);
    border-color: var(--aitana-orange-dark);
    box-shadow: var(--aitana-shadow-secondary);
}

/* ============================================
   ENLACES OFICIALES
   ============================================ */
.link-primary {
    color: var(--aitana-primary);
    text-decoration: none;
}

.link-primary:hover {
    color: var(--aitana-primary-dark);
    text-decoration: underline;
}

.link-secondary {
    color: var(--aitana-orange);
    text-decoration: none;
}

.link-secondary:hover {
    color: var(--aitana-orange-dark);
    text-decoration: underline;
}