/* Shop themes. Vendors pick one in their dashboard; it is applied on <body data-theme>. */
:root, [data-theme="pink-sky"] {
  --bg: linear-gradient(180deg, #a8dcff 0%, #c9ecff 38%, #ffe0ef 100%);
  --bg-solid: #c9ecff;
  --surface: rgba(255, 255, 255, .86);
  --surface-2: #fff4fa;
  --text: #3b1746;
  --muted: #6d4a75;
  --primary: #ff3f8e;
  --primary-2: #ff8ec0;
  --primary-ink: #ffffff;
  --accent: #2aa7ef;
  --border: #f6b8d6;
  --ring: #ff3f8e;
  --cloud: #ffd3e7;
  --c1: #ff5ea2; --c2: #ffffff; --c3: #59bff7;
  --font-head: 'Playfair Display', Georgia, serif;
  --radius: 22px;
  --shadow: 0 10px 30px rgba(214, 51, 132, .18);
  --tile-border: 3px solid #f493c0;
  --cloud-opacity: 1;
}
[data-theme="rose-gold"] {
  --bg: linear-gradient(180deg, #fff6f4 0%, #fbe9e7 100%);
  --bg-solid: #fbefed;
  --surface: #ffffff;
  --surface-2: #fdf1ef;
  --text: #3a1f26;
  --muted: #7a5a60;
  --primary: #a8455c;
  --primary-2: #d98aa0;
  --primary-ink: #ffffff;
  --accent: #b88a3b;
  --border: #ecd2cf;
  --ring: #a8455c;
  --cloud: #f6d9d6;
  --c1: #d9a24b; --c2: #e8a5b5; --c3: #ffffff;
  --radius: 14px;
  --shadow: 0 10px 28px rgba(120, 50, 60, .12);
  --tile-border: 1px solid #ecd2cf;
  --cloud-opacity: .5;
}
[data-theme="noir-gold"] {
  --bg: radial-gradient(1200px 600px at 50% -10%, #2a2419 0%, #0d0c0b 60%);
  --bg-solid: #0d0c0b;
  --surface: #1a1816;
  --surface-2: #221f1b;
  --text: #f6eedf;
  --muted: #c2b398;
  --primary: #d8b04a;
  --primary-2: #f0d78a;
  --primary-ink: #1a1408;
  --accent: #e9d7a6;
  --border: #3e3627;
  --ring: #f0d78a;
  --cloud: #3a3326;
  --c1: #d8b04a; --c2: #f0d78a; --c3: #8a6f2e;
  --font-head: 'Cinzel Decorative', 'Playfair Display', serif;
  --radius: 8px;
  --shadow: 0 14px 34px rgba(0, 0, 0, .55);
  --tile-border: 1px solid #5a4b2c;
  --cloud-opacity: 0;
}
[data-theme="lavender-dream"] {
  --bg: linear-gradient(160deg, #efe6ff 0%, #e3f1ff 55%, #ffe6f3 100%);
  --bg-solid: #efe6ff;
  --surface: rgba(255, 255, 255, .9);
  --surface-2: #f6f0ff;
  --text: #2a1f4a;
  --muted: #5d5280;
  --primary: #7446f0;
  --primary-2: #b39bff;
  --primary-ink: #ffffff;
  --accent: #ff6fae;
  --border: #d9cbff;
  --ring: #7446f0;
  --cloud: #e2d6ff;
  --c1: #b39bff; --c2: #ff9fcb; --c3: #9fd8ff;
  --radius: 26px;
  --shadow: 0 12px 30px rgba(116, 70, 240, .16);
  --tile-border: 2px solid #d9cbff;
  --cloud-opacity: .8;
}
[data-theme="sahara-sunset"] {
  --bg: linear-gradient(180deg, #fff3e6 0%, #ffd9c2 70%, #ffc4a8 100%);
  --bg-solid: #fff0e2;
  --surface: #fffaf5;
  --surface-2: #fff0e4;
  --text: #3a1c10;
  --muted: #7a4b36;
  --primary: #c8461c;
  --primary-2: #f08a52;
  --primary-ink: #ffffff;
  --accent: #1f7a8a;
  --border: #f3c8ab;
  --ring: #c8461c;
  --cloud: #ffd2b5;
  --c1: #f08a52; --c2: #1f7a8a; --c3: #ffd36b;
  --radius: 16px;
  --shadow: 0 12px 30px rgba(200, 70, 28, .16);
  --tile-border: 2px solid #f3c8ab;
  --cloud-opacity: .5;
}
[data-theme="mint-fresh"] {
  --bg: linear-gradient(180deg, #e9fbf4 0%, #f3fff9 60%, #ffeef3 100%);
  --bg-solid: #ecfbf5;
  --surface: #ffffff;
  --surface-2: #eefbf6;
  --text: #0f3a2e;
  --muted: #3f6b5d;
  --primary: #0e9a72;
  --primary-2: #6fd6b4;
  --primary-ink: #ffffff;
  --accent: #ff7a9c;
  --border: #c5ecdd;
  --ring: #0e9a72;
  --cloud: #d4f5e8;
  --c1: #6fd6b4; --c2: #ff9fb5; --c3: #ffffff;
  --radius: 20px;
  --shadow: 0 12px 28px rgba(14, 154, 114, .14);
  --tile-border: 2px solid #c5ecdd;
  --cloud-opacity: .6;
}
/* Storefront theme (homepage, categories, search…) — blush, dusty rose and gold, after mockup 8324. */
[data-theme="alfa"] {
  --bg: linear-gradient(180deg, #fffaf8 0%, #fbf1ee 100%);
  --bg-solid: #fcf4f2;
  --surface: #ffffff;
  --surface-2: #fdf3f1;
  --text: #2b1d20;
  --muted: #76585e;
  --primary: #a8455c;
  --primary-2: #e5b2bc;
  --primary-ink: #ffffff;
  --accent: #b88a3b;
  --gold: #b88a3b;
  --gold-2: #e2c37f;
  --ink: #1f1a1b;
  --border: #f0dcd8;
  --ring: #a8455c;
  --cloud: #f6d9d6;
  --c1: #e5b2bc; --c2: #e2c37f; --c3: #f3cfd6;
  --font-head: 'Playfair Display', Georgia, serif;
  --radius: 14px;
  --shadow: 0 8px 24px rgba(120, 50, 60, .10);
  --tile-border: 1px solid #f0dcd8;
  --cloud-opacity: 0;
}