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

:root {
    --primary-color: #0d6efd;
    --secondary-color: #0b5ed7;
    --accent-color: #ff6a00;
    --text-color: #212529;
    --heading-color: #111111;
    --body-bg: #ffffff;
    --header-bg: #ffffff;
    --header-text: #212529;
    --footer-bg: #1a1a1a;
    --footer-text: #cccccc;
    --copyright-bg: #000000;
    --copyright-text: #ffffff;
    --button-bg: #0d6efd;
    --button-text: #ffffff;
    --button-hover-bg: #0b5ed7;
    --border-color: #dee2e6;
    --sale-badge-bg: #dc3545;
    --sale-badge-text: #ffffff;
    --font-family: 'Roboto', sans-serif;
    --heading-font: 'Jost', sans-serif;
    --body-font-size: 14px;
    --border-radius: 8px;
    --card-shadow: 0 2px 8px rgba(0,0,0,0.08);
    --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 */

/* ================================================================
   Page Custom CSS — target specific pages via body page classes
   (e.g. body.page-home, body.page-category, body.pageurl-shop, ...)
   ================================================================ */