:root {
    /* Colores */
    --header-bg: #1a1212b3;
    --border-glass: #ffffffd8;
    --border-color: #2a2a3e;
    --shadow-main: #0000005e;
    --glass-bg: #0a0a0fbf;
    --accent-red: #ff3c3c; /* Ajusta según tu diseño */
    --accent-gold: #ffd700;
    --text-navbar: #8458a5; /* Ajusta según tu diseño */
    --text-primary: #ffffff;
    --text-secondary: #a0a0b0;
    --primary-bg: #0d0d15;
    --secondary-bg: #1a1a2e;
    --card-bg: #16162a;
    --text-muted: #6a6a7a;
    --gradient-purple: linear-gradient(135deg, #4f3066, #271039);
    --gradient-red: linear-gradient(135deg, #4a1010, #9e1a1a);
    --gradient-blue: linear-gradient(135deg, #4a9eff, #0066cc);
    
    /* Assets */
    --marco-textos: url('../img/marco_textos.webp');
    --font-size-nav: 12px;
    --font-tittle: 'Cinzel';
    --glass-border: rgba(255, 255, 255, 0.1);

    /* Layout */
    --nav-height: 80px;
    --container-width: 1200px;
    --transition-base: all .3s ease;
    --transition-new: all .3s ease in out;
    --blur-glass: blur(8px);

    /* Footer Específico */
    --f-bg: #0a0a0a;
    --f-text: #a0a0a0;
    --f-accent: #73105b;
    --f-glass: #ffffff0d;
    
    /* Reutilizamos el acento para sombras y brillos */
    --f-glow: rgba(255, 0, 0, 0.149);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}