.theme-classic { --bg-main: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%); --bg-card: #ffffff; --text-main: #111111; --text-muted: #6c757d; --btn-color: #2BBBAD; }
.theme-vip { --bg-main: linear-gradient(135deg, #0A1A2F 0%, #111111 100%); --bg-card: #1E293B; --text-main: #F7F9FC; --text-muted: #94a3b8; --btn-color: #2BBBAD; }
.theme-fire { --bg-main: linear-gradient(135deg, #111111 0%, #2A0800 100%); --bg-card: #1A1A1A; --text-main: #F7F9FC; --text-muted: #a1a1aa; --btn-color: #DC2626; }
.theme-ocean { --bg-main: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%); --bg-card: #ffffff; --text-main: #0C4A6E; --text-muted: #475569; --btn-color: #0284C7; }
.theme-nature { --bg-main: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%); --bg-card: #ffffff; --text-main: #14532D; --text-muted: #475569; --btn-color: #16A34A; }

/* Apply variables to the storefront */
.storefront-public-wrapper { background: var(--bg-main) !important; color: var(--text-main) !important; font-family: 'Inter', sans-serif; }
.storefront-public-wrapper .bg-white { background-color: var(--bg-card) !important; color: var(--text-main) !important; }
.storefront-public-wrapper .text-dark { color: var(--text-main) !important; }
.storefront-public-wrapper .text-muted { color: var(--text-muted) !important; }
.storefront-public-wrapper .btn-success, .storefront-public-wrapper .btn-primary { background-color: var(--btn-color) !important; border-color: var(--btn-color) !important; color: white !important; }