/* ==============================================================
   TIENDA ECOMMERCE PRO - TEMAS VISUALES
   ============================================================== */

body[data-theme="sneakers"] {
    --bg-page: #09090b;
    --bg-surface: #121215;
    --bg-card: #18181c;
    --bg-elevated: #232329;
    --text-main: #ffffff;
    --text-muted: #9ca3af;
    --accent: #a3e635;
    --accent-text: #09090b;
    --border-col: #27272a;
    --hero-grad: linear-gradient(135deg, #18181b 0%, #09090b 60%, #1a2e05 100%);
    --drawer-hdr: linear-gradient(135deg, #18181b 0%, #2b4908 100%);
    --radius: 20px;
    --badge-bg: #a3e635;
    --badge-text: #09090b;
}

body[data-theme="floreria"] {
    --bg-page: #fff1f2;
    --bg-surface: #ffe4e6;
    --bg-card: #ffffff;
    --bg-elevated: #fff5f6;
    --text-main: #4c0519;
    --text-muted: #9f1239;
    --accent: #e11d48;
    --accent-text: #ffffff;
    --border-col: #fecdd3;
    --hero-grad: linear-gradient(135deg, #fb7185 0%, #e11d48 100%);
    --drawer-hdr: linear-gradient(135deg, #e11d48 0%, #881337 100%);
    --radius: 24px;
    --badge-bg: #e11d48;
    --badge-text: #ffffff;
}

body[data-theme="botica"] {
    --bg-page: #f0f9ff;
    --bg-surface: #e0f2fe;
    --bg-card: #ffffff;
    --bg-elevated: #f0f9ff;
    --text-main: #0c4a6e;
    --text-muted: #0369a1;
    --accent: #0284c7;
    --accent-text: #ffffff;
    --border-col: #bae6fd;
    --hero-grad: linear-gradient(135deg, #0284c7 0%, #0d9488 100%);
    --drawer-hdr: linear-gradient(135deg, #0284c7 0%, #075985 100%);
    --radius: 16px;
    --badge-bg: #0284c7;
    --badge-text: #ffffff;
}

body[data-theme="ropa"] {
    --bg-page: #f5f5f4;
    --bg-surface: #e7e5e4;
    --bg-card: #ffffff;
    --bg-elevated: #fafaf9;
    --text-main: #1c1917;
    --text-muted: #57534e;
    --accent: #1c1917;
    --accent-text: #ffffff;
    --border-col: #d6d3d1;
    --hero-grad: linear-gradient(135deg, #1c1917 0%, #44403c 100%);
    --drawer-hdr: linear-gradient(135deg, #1c1917 0%, #292524 100%);
    --radius: 14px;
    --badge-bg: #1c1917;
    --badge-text: #ffffff;
}

body[data-theme="comida"] {
    --bg-page: #fff7ed;
    --bg-surface: #ffedd5;
    --bg-card: #ffffff;
    --bg-elevated: #fffaf5;
    --text-main: #431407;
    --text-muted: #9a3412;
    --accent: #ea580c;
    --accent-text: #ffffff;
    --border-col: #fed7aa;
    --hero-grad: linear-gradient(135deg, #dc2626 0%, #ea580c 60%, #f59e0b 100%);
    --drawer-hdr: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    --radius: 22px;
    --badge-bg: #ea580c;
    --badge-text: #ffffff;
}

body[data-theme="hotel"] {
    --bg-page: #0b1120;
    --bg-surface: #111c35;
    --bg-card: #162444;
    --bg-elevated: #1e315c;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --accent: #f59e0b;
    --accent-text: #0b1120;
    --border-col: #293d6b;
    --hero-grad: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #78350f 100%);
    --drawer-hdr: linear-gradient(135deg, #1e293b 0%, #b45309 100%);
    --radius: 18px;
    --badge-bg: #f59e0b;
    --badge-text: #0b1120;
}

body[data-theme="viajes"] {
    --bg-page: #061e24;
    --bg-surface: #0a2d36;
    --bg-card: #0f3c47;
    --bg-elevated: #16505e;
    --text-main: #ecfeff;
    --text-muted: #67e8f9;
    --accent: #06b6d4;
    --accent-text: #061e24;
    --border-col: #155e75;
    --hero-grad: linear-gradient(135deg, #0e7490 0%, #0369a1 50%, #059669 100%);
    --drawer-hdr: linear-gradient(135deg, #0891b2 0%, #0f766e 100%);
    --radius: 20px;
    --badge-bg: #06b6d4;
    --badge-text: #061e24;
}