/* ================================================================
   🎨 Dynamic Theme Stylesheet
   Generated from active theme — loaded via /dynamic-theme.css
   ================================================================ */

:root {
    --primary-color: #ffb7c5;
    --secondary-color: #ff9eb5;
    --accent-color: #ff6b8a;
    --text-color: #5a3d4a;
    --heading-color: #3d2a33;
    --body-bg: #fff9fa;
    --header-bg: #ffffff;
    --header-text: #5a3d4a;
    --footer-bg: #3d1a24;
    --footer-text: #ffd4dc;
    --copyright-bg: #2a0f16;
    --copyright-text: #ffffff;
    --button-bg: #ffb7c5;
    --button-text: #5a3d4a;
    --button-hover-bg: #ff9eb5;
    --border-color: #ffd4dc;
    --sale-badge-bg: #ff6b8a;
    --sale-badge-text: #ffffff;
    --font-family: 'Roboto', sans-serif;
    --heading-font: 'Playfair Display', serif;
    --body-font-size: 14px;
    --border-radius: 16px;
    --card-shadow: 0 4px 12px rgba(255,183,197,0.2);
    --layout-style: contained;
}

/* ================================================================
   Theme-specific utility classes
   ================================================================ */

.bg-primary-theme { background-color: var(--primary-color) !important; }
.text-primary-theme { color: var(--primary-color) !important; }
.border-primary-theme { border-color: var(--primary-color) !important; }

.bg-secondary-theme { background-color: var(--secondary-color) !important; }
.text-secondary-theme { color: var(--secondary-color) !important; }

.bg-accent-theme { background-color: var(--accent-color) !important; }
.text-accent-theme { color: var(--accent-color) !important; }

.bg-footer-theme { background-color: var(--footer-bg) !important; }
.bg-copyright-theme { background-color: var(--copyright-bg) !important; }

.btn-theme {
    background-color: var(--button-bg) !important;
    color: var(--button-text) !important;
    border: none;
    border-radius: var(--border-radius);
}
.btn-theme:hover {
    background-color: var(--button-hover-bg) !important;
    color: var(--button-text) !important;
}

/* Font family helpers */
.font-body { font-family: var(--font-family); }
.font-heading { font-family: var(--heading-font); }

/* Layout style */

/* Custom CSS from theme */