/**
 * glass.css - Paletas de Colores para Tema Glass
 * Extraído de: liquid-glass.css
 * Fecha: 2025-02-09
 */

/* ==========================================================================
   PALETAS THEME GLASS
   Selector base: body.theme-glass.palette-glass-[color]
   ========================================================================== */

/* 1. PINK (Por defecto / Moda) */
body.theme-glass.palette-glass-pink,
body.theme-glass.palette-pink {
    /* Backwards compatibility */
    --bg-body: linear-gradient(135deg, #FF9A9E 0%, #FECFEF 100%);
    --bg-hero: linear-gradient(45deg, rgba(255, 154, 158, 0.3), rgba(254, 207, 239, 0.4));
    --primary-color: #e040fb;
    --accent-color: #ff6b6b;
    --text-color: #4a4a4a;
    --text-inverse: #ffffff;
    --btn-glass-bg: rgba(255, 255, 255, 0.3);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.5);

    /* UI Glass */
    --card-bg: rgba(255, 255, 255, 0.25);
    --card-border: 1px solid rgba(255, 255, 255, 0.4);
    --nav-bg: rgba(255, 255, 255, 0.15);
    --sticky-nav-bg: rgba(255, 255, 255, 0.98);
    --sticky-nav-text: #111111;
}

/* 2. BLUE (Cielo / Tech) */
body.theme-glass.palette-glass-blue {
    --bg-body: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);
    --bg-hero: linear-gradient(45deg, rgba(161, 196, 253, 0.3), rgba(194, 233, 251, 0.4));
    --primary-color: #2196f3;
    --accent-color: #00bcd4;
    --text-color: #334e68;
    --text-inverse: #ffffff;
    --btn-glass-bg: rgba(255, 255, 255, 0.25);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.45);

    /* UI Glass */
    --card-bg: rgba(255, 255, 255, 0.30);
    --card-border: 1px solid rgba(255, 255, 255, 0.5);
    --nav-bg: rgba(255, 255, 255, 0.2);
    --sticky-nav-bg: rgba(240, 248, 255, 0.98);
    --sticky-nav-text: #0d47a1;
}

/* 3. GREEN (Menta / Fresco) */
body.theme-glass.palette-glass-green {
    --bg-body: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
    --bg-hero: linear-gradient(45deg, rgba(132, 250, 176, 0.3), rgba(143, 211, 244, 0.4));
    --primary-color: #00c853;
    --accent-color: #69f0ae;
    --text-color: #1b5e20;
    --text-inverse: #ffffff;
    --btn-glass-bg: rgba(255, 255, 255, 0.25);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.45);

    /* UI Glass */
    --card-bg: rgba(255, 255, 255, 0.35);
    --card-border: 1px solid rgba(255, 255, 255, 0.5);
    --nav-bg: rgba(255, 255, 255, 0.2);
    --sticky-nav-bg: rgba(240, 255, 245, 0.98);
    --sticky-nav-text: #1b5e20;
}

/* 4. GOLD (Atardecer / Elegante) */
body.theme-glass.palette-glass-gold {
    --bg-body: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    --bg-hero: linear-gradient(45deg, rgba(246, 211, 101, 0.3), rgba(253, 160, 133, 0.4));
    --primary-color: #ff6f00;
    --accent-color: #ffca28;
    --text-color: #4e342e;
    --text-inverse: #ffffff;
    --btn-glass-bg: rgba(255, 255, 255, 0.3);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.5);

    /* UI Glass */
    --card-bg: rgba(255, 255, 255, 0.3);
    --card-border: 1px solid rgba(255, 255, 255, 0.5);
    --nav-bg: rgba(255, 255, 255, 0.2);
    --sticky-nav-bg: rgba(255, 252, 240, 0.98);
    --sticky-nav-text: #bf360c;
}

/* 5. PURPLE (Lavanda / Regio) */
body.theme-glass.palette-glass-purple {
    --bg-body: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    --bg-hero: linear-gradient(45deg, rgba(161, 140, 209, 0.3), rgba(251, 194, 235, 0.4));
    --primary-color: #7e57c2;
    --accent-color: #d1c4e9;
    --text-color: #4a148c;
    --text-inverse: #ffffff;
    --btn-glass-bg: rgba(255, 255, 255, 0.25);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.45);

    /* UI Glass */
    --card-bg: rgba(255, 255, 255, 0.3);
    --card-border: 1px solid rgba(255, 255, 255, 0.5);
    --nav-bg: rgba(255, 255, 255, 0.2);
    --sticky-nav-bg: rgba(250, 245, 255, 0.98);
    --sticky-nav-text: #4a148c;
}

/* 6. RED (Energía / Pasión) */
body.theme-glass.palette-glass-red,
body.theme-glass.palette-red {
    --bg-body: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%);
    --bg-hero: linear-gradient(45deg, rgba(203, 45, 62, 0.9), rgba(239, 71, 58, 0.8));
    --primary-color: #d32f2f;
    --accent-color: #ff5252;
    --text-color: #ffffff;
    --text-inverse: #ffffff;
    --btn-glass-bg: rgba(255, 255, 255, 0.15);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.3);

    /* UI Glass - Más oscura para contraste */
    --card-bg: rgba(0, 0, 0, 0.25);
    --card-border: 1px solid rgba(255, 255, 255, 0.15);
    --nav-bg: rgba(0, 0, 0, 0.2);
    --sticky-nav-bg: #b71c1c;
    --sticky-nav-text: #ffffff;
}

/* 7. BLACK (Lujo / Minimalismo Oscuro) */
body.theme-glass.palette-glass-black,
body.theme-glass.palette-black {
    --bg-body: linear-gradient(135deg, #232526 0%, #414345 100%);
    --bg-hero: linear-gradient(45deg, #141E30, #243B55);
    --primary-color: #ffffff;
    --accent-color: #D3D3D3;
    --text-color: #f5f5f5;
    --text-inverse: #000000;
    --btn-glass-bg: rgba(255, 255, 255, 0.1);
    --btn-glass-border: 1px solid rgba(255, 255, 255, 0.2);

    /* UI Glass - Ahumado */
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: 1px solid rgba(255, 255, 255, 0.1);
    --nav-bg: rgba(0, 0, 0, 0.5);
    --sticky-nav-bg: #232526;
    --sticky-nav-text: #ffffff;
    --shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}