/* ========================================
   Demo Shop — CSS Variables
   These are defaults; overridden by JS from shop theme_json.
   ======================================== */

:root {
    --shop-primary: #2563eb;
    --shop-secondary: #64748b;
    --shop-bg: #ffffff;
    --shop-background: #ffffff;
    --shop-text: #1e293b;
    --shop-heading-font: 'Playfair Display', sans-serif;
    --shop-body-font: 'Inter', sans-serif;

    /* Derived */
    --shop-primary-light: color-mix(in srgb, var(--shop-primary) 15%, white);
    --shop-promo: var(--shop-secondary); /* Promotion accent — override via colors.promo in theme_json */
    --shop-border: #e2e8f0;
    --shop-muted: #94a3b8;
    --shop-text-muted: #94a3b8;
    --shop-surface: #f8fafc;
    --shop-radius: 12px;
    --shop-radius-sm: 8px;
    --shop-shadow: 0 1px 3px rgba(0,0,0,0.08);
    --shop-shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
    --shop-transition: 0.25s ease;
    --shop-max-width: 1200px;
}