/**
 * extended.css - Paletas para temas no-glass y temas nuevos
 * Fecha: 2026-02-19
 */

/* =====================
   MINIMAL
   ===================== */
body.theme-minimal.palette-minimal-snow {
    --bg-body: #ffffff;
    --primary-color: #111827;
    --accent-color: #64748b;
    --text-color: #1f2937;
    --nav-bg: rgba(255, 255, 255, 0.96);
    --nav-text: #111827;
    --sticky-nav-bg: #ffffff;
    --sticky-nav-text: #111827;
}

body.theme-minimal.palette-minimal-mist {
    --bg-body: #f3f4f6;
    --primary-color: #334155;
    --accent-color: #64748b;
    --text-color: #1f2937;
    --nav-bg: rgba(248, 250, 252, 0.96);
    --nav-text: #1f2937;
    --sticky-nav-bg: #f8fafc;
    --sticky-nav-text: #0f172a;
}

body.theme-minimal.palette-minimal-onyx {
    --bg-body: #0f172a;
    --primary-color: #e2e8f0;
    --accent-color: #94a3b8;
    --text-color: #e2e8f0;
    --nav-bg: rgba(2, 6, 23, 0.92);
    --nav-text: #e2e8f0;
    --sticky-nav-bg: #020617;
    --sticky-nav-text: #f8fafc;
    --card-bg: #111827;
    --card-border: 1px solid rgba(148, 163, 184, .2);
}

/* =====================
   AGRO
   ===================== */
body.theme-agro.palette-agro-coffee,
body.theme-agro.palette-coffee {
    --bg-body: #fdfbf7;
    --primary-color: #6d4c41;
    --accent-color: #d7ccc8;
    --text-color: #3e2723;
    --nav-bg: #4e342e;
    --nav-text: #ffffff;
    --sticky-nav-bg: #3e2723;
    --sticky-nav-text: #ffffff;
}

body.theme-agro.palette-agro-forest,
body.theme-agro.palette-green {
    --bg-body: #f1f8e9;
    --primary-color: #2e7d32;
    --accent-color: #a5d6a7;
    --text-color: #1b5e20;
    --nav-bg: rgba(46, 125, 50, 0.95);
    --nav-text: #ffffff;
    --sticky-nav-bg: #1b5e20;
    --sticky-nav-text: #ffffff;
}

body.theme-agro.palette-agro-earth {
    --bg-body: #f7f2ed;
    --primary-color: #795548;
    --accent-color: #bcaaa4;
    --text-color: #4e342e;
    --nav-bg: rgba(93, 64, 55, 0.95);
    --nav-text: #ffffff;
    --sticky-nav-bg: #4e342e;
    --sticky-nav-text: #ffffff;
}

/* =====================
   AUTO
   ===================== */
body.theme-auto.palette-auto-carbon,
body.theme-auto.palette-carbon {
    --bg-body: #f3f4f6;
    --primary-color: #111827;
    --accent-color: #6b7280;
    --text-color: #111827;
    --nav-bg: #000000;
    --nav-text: #ffffff;
    --sticky-nav-bg: #000000;
    --sticky-nav-text: #ffffff;
}

body.theme-auto.palette-auto-nitro,
body.theme-auto.palette-nitro {
    --bg-body: #111827;
    --primary-color: #dc2626;
    --accent-color: #ef4444;
    --text-color: #f8fafc;
    --nav-bg: #000000;
    --nav-text: #ffffff;
    --sticky-nav-bg: #0f172a;
    --sticky-nav-text: #ef4444;
    --card-bg: #1f2937;
    --card-border: 1px solid rgba(239, 68, 68, .2);
}

body.theme-auto.palette-auto-chrome,
body.theme-auto.palette-chrome {
    --bg-body: #f8fafc;
    --primary-color: #607d8b;
    --accent-color: #90a4ae;
    --text-color: #263238;
    --nav-bg: #263238;
    --nav-text: #eceff1;
    --sticky-nav-bg: #37474f;
    --sticky-nav-text: #eceff1;
}

/* =====================
   NEUTRAL
   ===================== */
body.theme-neutral.palette-neutral-tech {
    --bg-body: #0f172a;
    --primary-color: #38bdf8;
    --accent-color: #818cf8;
    --text-color: #f1f5f9;
    --nav-bg: rgba(15, 23, 42, .92);
    --nav-text: #f1f5f9;
    --sticky-nav-bg: #020617;
    --sticky-nav-text: #38bdf8;
}

body.theme-neutral.palette-neutral-ice {
    --bg-body: #e2e8f0;
    --primary-color: #334155;
    --accent-color: #0ea5e9;
    --text-color: #1e293b;
    --nav-bg: rgba(255, 255, 255, .93);
    --nav-text: #1e293b;
    --sticky-nav-bg: #ffffff;
    --sticky-nav-text: #0f172a;
    --card-bg: rgba(255, 255, 255, .96);
    --card-border: 1px solid rgba(51, 65, 85, .12);
}

body.theme-neutral.palette-neutral-ocean {
    --bg-body: linear-gradient(135deg, #0f172a 0%, #164e63 100%);
    --primary-color: #22d3ee;
    --accent-color: #60a5fa;
    --text-color: #e0f2fe;
    --nav-bg: rgba(8, 47, 73, .92);
    --nav-text: #e0f2fe;
    --sticky-nav-bg: #082f49;
    --sticky-nav-text: #22d3ee;
}

/* =====================
   PRESTIGE aliases
   ===================== */
body.theme-prestige.palette-prestige-royal,
body.theme-prestige.palette-royal-gold {
    --bg-body: #050505;
    --primary-color: #D4AF37;
    --accent-color: #ffffff;
    --text-color: #f0f0f0;
    --nav-bg: rgba(0, 0, 0, 0.98);
    --nav-text: #D4AF37;
    --sticky-nav-bg: #000000;
    --sticky-nav-text: #D4AF37;
}

body.theme-prestige.palette-prestige-marble,
body.theme-prestige.palette-marble-white {
    --bg-body: #f8f9fa;
    --primary-color: #C5A059;
    --accent-color: #000000;
    --text-color: #1a1a1a;
    --nav-bg: #ffffff;
    --nav-text: #1a1a1a;
    --sticky-nav-bg: #ffffff;
    --sticky-nav-text: #C5A059;
}

body.theme-prestige.palette-prestige-midnight,
body.theme-prestige.palette-midnight-lux {
    --bg-body: #0a0e14;
    --primary-color: #D4AF37;
    --accent-color: #5c6bc0;
    --text-color: #e3e8ef;
    --nav-bg: #0a0e14;
    --nav-text: #D4AF37;
    --sticky-nav-bg: #030712;
    --sticky-nav-text: #ffffff;
}

/* =====================
   INNOVACELL
   ===================== */
body.theme-innovacell.palette-innovacell-default {
    --bg-body: linear-gradient(135deg, #00D4FF 0%, #0090FF 100%);
    --primary-color: #00D4FF;
    --accent-color: #FF3366;
    --text-color: #1a1a1a;
    --nav-bg: rgba(0, 0, 0, 0.88);
    --nav-text: #ffffff;
    --sticky-nav-bg: rgba(0, 0, 0, 0.96);
    --sticky-nav-text: #00D4FF;
}

/* =====================
   COMMERCE (inspirado Shopify clean)
   ===================== */
body.theme-commerce {
    --font-heading: 'Exo 2', sans-serif;
    --font-body: 'Inter', sans-serif;
    --backdrop: blur(8px);
    --radius: 10px;
    --button-radius: 8px;
}

body.theme-commerce.palette-commerce-clean {
    --bg-body: #f8f7f4;
    --primary-color: #111827;
    --accent-color: #6366f1;
    --text-color: #1f2937;
    --card-bg: #ffffff;
    --card-border: 1px solid rgba(15, 23, 42, .08);
    --nav-bg: rgba(255, 255, 255, 0.95);
    --nav-text: #111827;
    --sticky-nav-bg: #ffffff;
    --sticky-nav-text: #111827;
    --footer-bg: #111827;
    --footer-text: #cbd5e1;
}

body.theme-commerce.palette-commerce-bold {
    --bg-body: #0f172a;
    --primary-color: #22d3ee;
    --accent-color: #a78bfa;
    --text-color: #e2e8f0;
    --card-bg: #111827;
    --card-border: 1px solid rgba(148, 163, 184, .2);
    --nav-bg: rgba(2, 6, 23, 0.94);
    --nav-text: #e2e8f0;
    --sticky-nav-bg: #020617;
    --sticky-nav-text: #22d3ee;
    --footer-bg: #020617;
    --footer-text: #94a3b8;
}

body.theme-commerce.palette-commerce-calm {
    --bg-body: #eef2ff;
    --primary-color: #334155;
    --accent-color: #0ea5e9;
    --text-color: #1e293b;
    --card-bg: #ffffff;
    --card-border: 1px solid rgba(51, 65, 85, .1);
    --nav-bg: rgba(255, 255, 255, 0.94);
    --nav-text: #1e293b;
    --sticky-nav-bg: #ffffff;
    --sticky-nav-text: #0f172a;
    --footer-bg: #1e293b;
    --footer-text: #cbd5e1;
}

/* =====================
   EDITORIAL
   ===================== */
body.theme-editorial {
    --font-heading: 'Merriweather', serif;
    --font-body: 'Inter', sans-serif;
    --radius: 6px;
    --button-radius: 6px;
    --backdrop: blur(6px);
}

body.theme-editorial.palette-editorial-luxe {
    --bg-body: #111111;
    --primary-color: #f4d03f;
    --accent-color: #f5b041;
    --text-color: #f8f9f9;
    --card-bg: #1a1a1a;
    --card-border: 1px solid rgba(244, 208, 63, .25);
    --nav-bg: rgba(0, 0, 0, .9);
    --nav-text: #f4d03f;
    --sticky-nav-bg: #000;
    --sticky-nav-text: #f4d03f;
}

body.theme-editorial.palette-editorial-soft {
    --bg-body: #f5efe6;
    --primary-color: #8b7355;
    --accent-color: #bfa07a;
    --text-color: #2f2a24;
    --card-bg: #fffaf3;
    --card-border: 1px solid rgba(139, 115, 85, .2);
    --nav-bg: rgba(255, 250, 243, .95);
    --nav-text: #2f2a24;
    --sticky-nav-bg: #fffaf3;
    --sticky-nav-text: #8b7355;
}

body.theme-editorial.palette-editorial-contrast {
    --bg-body: #1a2238;
    --primary-color: #f43f5e;
    --accent-color: #60a5fa;
    --text-color: #e2e8f0;
    --card-bg: #0f172a;
    --card-border: 1px solid rgba(96, 165, 250, .2);
    --nav-bg: rgba(15, 23, 42, .94);
    --nav-text: #f8fafc;
    --sticky-nav-bg: #020617;
    --sticky-nav-text: #60a5fa;
}

/* =====================
   FLASH
   ===================== */
body.theme-flash {
    --font-heading: 'Exo 2', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius: 12px;
    --button-radius: 999px;
}

body.theme-flash.palette-flash-spark {
    --bg-body: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
    --primary-color: #facc15;
    --accent-color: #ffffff;
    --text-color: #ffffff;
    --card-bg: rgba(255, 255, 255, .12);
    --card-border: 1px solid rgba(255, 255, 255, .25);
    --nav-bg: rgba(17, 24, 39, .84);
    --nav-text: #ffffff;
    --sticky-nav-bg: #111827;
    --sticky-nav-text: #facc15;
}

body.theme-flash.palette-flash-dark {
    --bg-body: #0f172a;
    --primary-color: #f43f5e;
    --accent-color: #22d3ee;
    --text-color: #e2e8f0;
    --card-bg: #111827;
    --card-border: 1px solid rgba(244, 63, 94, .24);
    --nav-bg: rgba(2, 6, 23, .95);
    --nav-text: #e2e8f0;
    --sticky-nav-bg: #020617;
    --sticky-nav-text: #22d3ee;
}

body.theme-flash.palette-flash-sunset {
    --bg-body: linear-gradient(135deg, #f97316 0%, #ef4444 100%);
    --primary-color: #111827;
    --accent-color: #ffffff;
    --text-color: #ffffff;
    --card-bg: rgba(255, 255, 255, .15);
    --card-border: 1px solid rgba(255, 255, 255, .28);
    --nav-bg: rgba(17, 24, 39, .8);
    --nav-text: #ffffff;
    --sticky-nav-bg: #111827;
    --sticky-nav-text: #ffffff;
}

/* Afines de mobile para experiencia */
@media (max-width: 768px) {
    body.theme-glass,
    body.theme-commerce,
    body.theme-flash {
        --backdrop: blur(10px);
        --shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
    }
}