/* =====================================================================
   Storefront themes – selected in Owner console / Site settings.
   Each theme only overrides design tokens + a few signature details.
   ===================================================================== */

/* ---------- Spice Bazaar: warm, earthy, artisanal ---------- */
[data-theme="spice"]{
  --brand:#c2410c;--brand-d:#9a3412;--brand-l:#fdecdc;
  --accent:#d99a1b;--accent-l:#fdf3d7;
  --navy:#3b1d0f;--ink:#2a160b;--text:#5a4334;--muted:#8a7363;--line:#eadbc8;
  --bg:#fbf5ec;--surface:#fffdf9;--surface-2:#f6ecdf;
  --red:#b91c1c;
  --radius:18px;--radius-sm:12px;
  --font:"DM Sans",system-ui,sans-serif;
  --font-display:"Fraunces",Georgia,serif;
  --hero-bg:
    radial-gradient(circle at 20% 20%,rgba(255,214,140,.18) 0 2px,transparent 3px) 0 0/26px 26px,
    radial-gradient(900px 480px at 90% -10%,rgba(234,151,40,.45),transparent 60%),
    radial-gradient(700px 400px at 0% 110%,rgba(185,28,28,.4),transparent 60%),
    linear-gradient(135deg,#3b1d0f 0%,#6b2410 55%,#8a3b12 100%);
  --header-bg:rgba(255,251,244,.88);
  --footer-bg:#2a160b;--footer-text:#d9c4ad;
  --topbar-bg:#7c2d12;--topbar-text:#fde8cf;
}
[data-theme="spice"] h1,[data-theme="spice"] h2{font-weight:700;letter-spacing:-.01em}
[data-theme="spice"] .hero-slide h2{font-weight:800;letter-spacing:-.02em}
[data-theme="spice"] .hero-slide h2 em{background:linear-gradient(90deg,#fcd34d,#fb923c);-webkit-background-clip:text;background-clip:text}
[data-theme="spice"] .all-cats,[data-theme="spice"] .cart-btn,[data-theme="spice"] .pagination .current{background:var(--brand)}
[data-theme="spice"] .tag-new{background:var(--accent);color:#2a160b}
[data-theme="spice"] .pcard{border-color:var(--line)}
[data-theme="spice"] .pcard-media{background:radial-gradient(circle at 50% 40%,#fff7ea,#f3e3cc)}
[data-theme="spice"] .cat-tile .cat-img{background:radial-gradient(circle,#fde7c7,#f6d3a7);border-radius:50%}
[data-theme="spice"] .eyebrow{color:var(--accent)}
[data-theme="spice"] .section-head h2::after{content:"";display:block;width:56px;height:6px;margin-top:8px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--brand) 0 10px,var(--accent) 10px 20px)}
[data-theme="spice"] .site-footer{background-image:radial-gradient(circle at 20% 20%,rgba(255,214,140,.08) 0 2px,transparent 3px);background-size:24px 24px}
[data-theme="spice"] .usp .ico{background:#fde7c7}
[data-theme="spice"] .btn-primary{box-shadow:0 8px 22px -8px rgba(194,65,12,.7)}

/* ---------- Luxe: black & gold boutique ---------- */
[data-theme="luxe"]{
  --brand:#b08d2a;--brand-d:#8a6d1c;--brand-l:#f6efd9;
  --accent:#1f1f1f;--accent-l:#efefef;
  --navy:#111;--ink:#0d0d0d;--text:#3d3d3d;--muted:#7a7a7a;--line:#e8e4da;
  --bg:#faf8f3;--surface:#fff;--surface-2:#f3f0e8;
  --radius:6px;--radius-sm:4px;--radius-xs:3px;
  --font:"Inter",system-ui,sans-serif;
  --font-display:"Playfair Display",Georgia,serif;
  --hero-bg:radial-gradient(800px 400px at 85% 0%,rgba(212,175,55,.28),transparent 60%),linear-gradient(135deg,#0d0d0d,#1c1a17 60%,#2a241a);
  --header-bg:rgba(255,255,255,.9);
  --footer-bg:#0d0d0d;--footer-text:#bdb6a6;
  --topbar-bg:#0d0d0d;--topbar-text:#e8dcc0;
}
[data-theme="luxe"] .btn,[data-theme="luxe"] .all-cats,[data-theme="luxe"] .hdr-highlights a,[data-theme="luxe"] .search-go,[data-theme="luxe"] .cart-btn,[data-theme="luxe"] .search input,[data-theme="luxe"] .chip,[data-theme="luxe"] .cat-chip{border-radius:4px}
[data-theme="luxe"] .btn{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
[data-theme="luxe"] .btn-primary{background:#0d0d0d;box-shadow:none}
[data-theme="luxe"] .btn-primary:hover{background:var(--brand)}
[data-theme="luxe"] .hero-slide{border-radius:6px}
[data-theme="luxe"] .hero-slide h2 em{background:linear-gradient(90deg,#f5d77a,#c9a227);-webkit-background-clip:text;background-clip:text}
[data-theme="luxe"] .pcard{border-radius:4px;border-color:transparent}
[data-theme="luxe"] .pcard-media{margin:0;border-radius:0}
[data-theme="luxe"] .tag-off{background:#0d0d0d}
[data-theme="luxe"] .site-footer{border-radius:0}
[data-theme="luxe"] .section-head h2{font-weight:600}

/* ---------- Fresh: bright grocery ---------- */
[data-theme="fresh"]{
  --brand:#1f9d4c;--brand-d:#157a3a;--brand-l:#e3f7e9;
  --accent:#f59e0b;--accent-l:#fef3c7;
  --navy:#14532d;--ink:#0f2918;--text:#3b5444;--muted:#6b8172;--line:#dcefe2;
  --bg:#f3faf4;--surface:#fff;--surface-2:#eaf6ed;
  --radius:26px;--radius-sm:18px;
  --font:"Nunito",system-ui,sans-serif;--font-display:"Nunito",system-ui,sans-serif;
  --hero-bg:radial-gradient(700px 400px at 90% 0%,rgba(250,204,21,.45),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(132,204,22,.4),transparent 60%),linear-gradient(135deg,#14532d,#1f9d4c);
  --footer-bg:#0f2918;--topbar-bg:#157a3a;
}
[data-theme="fresh"] h1,[data-theme="fresh"] h2{font-weight:900}
[data-theme="fresh"] .hero-slide h2 em{background:linear-gradient(90deg,#fde047,#bef264);-webkit-background-clip:text;background-clip:text}
[data-theme="fresh"] .tag-new{background:var(--accent);color:#3f2a00}

/* ---------- Ocean: cool tech ---------- */
[data-theme="ocean"]{
  --brand:#2563eb;--brand-d:#1d4ed8;--brand-l:#e7efff;
  --accent:#06b6d4;--accent-l:#e0f9fd;
  --navy:#0b1b3a;--ink:#0a1530;--text:#3a4763;--muted:#6a7896;--line:#e2e8f5;
  --bg:#f4f7fd;--surface:#fff;--surface-2:#edf2fb;
  --font:"Inter",system-ui,sans-serif;--font-display:"Space Grotesk",var(--font);
  --hero-bg:radial-gradient(800px 420px at 85% -10%,rgba(6,182,212,.45),transparent 60%),radial-gradient(700px 400px at 0% 110%,rgba(124,58,237,.35),transparent 60%),linear-gradient(135deg,#0b1b3a,#1e3a8a);
  --footer-bg:#081329;--topbar-bg:#0b1b3a;
}
[data-theme="ocean"] .hero-slide h2 em{background:linear-gradient(90deg,#67e8f9,#a5b4fc);-webkit-background-clip:text;background-clip:text}