/* ============================================
   cccharm — Image Configuration
   ============================================
   HOW TO REPLACE IMAGES:
   1. Put your image files in the /images/ folder
   2. Change the URL below from the placeholder
      to your own file path, e.g.:
      --img-hero: url("../images/my-hero.jpg");
   3. That's it — the change applies everywhere

   NOTE: Current URLs use picsum.photos as placeholders.
   Replace them with your own product photography.
   ============================================ */

:root {
  /* ---- HERO ---- */
  --img-hero: url("https://picsum.photos/seed/cccharm-hero/1920/1080");

  /* ---- BRAND STORY ---- */
  --img-story: url("https://picsum.photos/seed/cccharm-story/1600/1200");

  /* ---- FEATURED PRODUCTS (3 cards) ---- */
  --img-product-1: url("https://picsum.photos/seed/cccharm-amethyst/1000/1250");
  --img-product-2: url("https://picsum.photos/seed/cccharm-rosequartz/1000/1250");
  --img-product-3: url("https://picsum.photos/seed/cccharm-citrine/1000/1250");

  /* ---- FULL COLLECTION (6 items) ---- */
  --img-collection-1: url("https://picsum.photos/seed/cccharm-c1-amethyst/800/800");
  --img-collection-2: url("https://picsum.photos/seed/cccharm-c2-rose/800/800");
  --img-collection-3: url("https://picsum.photos/seed/cccharm-c3-citrine/800/800");
  --img-collection-4: url("https://picsum.photos/seed/cccharm-c4-clear/800/800");
  --img-collection-5: url("https://picsum.photos/seed/cccharm-c5-smoky/800/800");
  --img-collection-6: url("https://picsum.photos/seed/cccharm-c6-tourmaline/800/800");

  /* ---- LOOKBOOK / LIFESTYLE (3 editorial images) ---- */
  --img-look-1: url("https://picsum.photos/seed/cccharm-look1/1200/1600");
  --img-look-2: url("https://picsum.photos/seed/cccharm-look2/1200/1600");
  --img-look-3: url("https://picsum.photos/seed/cccharm-look3/1200/1600");

  /* ---- CRAFTSMANSHIP ---- */
  --img-craft: url("https://picsum.photos/seed/cccharm-craft/1600/900");

  /* ---- CRYSTAL GUIDE (6 crystal types) ---- */
  --img-crystal-amethyst: url("https://picsum.photos/seed/crystal-amethyst/800/640");
  --img-crystal-rose: url("https://picsum.photos/seed/crystal-rose/800/640");
  --img-crystal-clear: url("https://picsum.photos/seed/crystal-clear/800/640");
  --img-crystal-citrine: url("https://picsum.photos/seed/crystal-citrine/800/640");
  --img-crystal-smoky: url("https://picsum.photos/seed/crystal-smoky/800/640");
  --img-crystal-tourmaline: url("https://picsum.photos/seed/crystal-tourmaline/800/640");

  /* ---- PDP (Product Detail Page) ---- */
  --img-pdp-main: url("https://picsum.photos/seed/cccharm-pdp-main/1400/1400");
  --img-pdp-thumb-1: url("https://picsum.photos/seed/cccharm-pdp-t1/400/400");
  --img-pdp-thumb-2: url("https://picsum.photos/seed/cccharm-pdp-t2/400/400");
  --img-pdp-thumb-3: url("https://picsum.photos/seed/cccharm-pdp-t3/400/400");
  --img-pdp-thumb-4: url("https://picsum.photos/seed/cccharm-pdp-t4/400/400");
  --img-pdp-story: url("https://picsum.photos/seed/cccharm-pdp-story/1200/960");

  /* ---- NEWSLETTER BACKGROUND ---- */
  --img-newsletter: url("https://picsum.photos/seed/cccharm-newsletter/1920/800");

  /* ---- CRYSTAL COLLECTION (Shop by Color) ---- */
  /* Red Series */
  --img-xc-carnelian: url("https://picsum.photos/seed/crystal-carnelian/800/800");
  --img-xc-hematite: url("https://picsum.photos/seed/crystal-hematite/800/800");
  --img-xc-redjasper: url("https://picsum.photos/seed/crystal-redjasper/800/800");
  /* Orange Series */
  --img-xc-sunstone: url("https://picsum.photos/seed/crystal-sunstone/800/800");
  --img-xc-orangecalcite: url("https://picsum.photos/seed/crystal-orangecalcite/800/800");
  --img-xc-copper: url("https://picsum.photos/seed/crystal-copper/800/800");
  /* Yellow Series */
  --img-xc-citrine-y: url("https://picsum.photos/seed/crystal-citrine-y/800/800");
  --img-xc-pyrite: url("https://picsum.photos/seed/crystal-pyrite/800/800");
  --img-xc-tigerseye: url("https://picsum.photos/seed/crystal-tigerseye/800/800");
  /* Green Series */
  --img-xc-malachite: url("https://picsum.photos/seed/crystal-malachite/800/800");
  --img-xc-aventurine: url("https://picsum.photos/seed/crystal-aventurine/800/800");
  --img-xc-emerald: url("https://picsum.photos/seed/crystal-emerald/800/800");
  /* Blue Series */
  --img-xc-bluelaceagate: url("https://picsum.photos/seed/crystal-bluelaceagate/800/800");
  --img-xc-aquamarine: url("https://picsum.photos/seed/crystal-aquamarine/800/800");
  --img-xc-angelite: url("https://picsum.photos/seed/crystal-angelite/800/800");
  /* Purple Series */
  --img-xc-amethyst-p: url("https://picsum.photos/seed/crystal-amethyst-p/800/800");
  --img-xc-lapislazuli: url("https://picsum.photos/seed/crystal-lapislazuli/800/800");
  --img-xc-sodalite: url("https://picsum.photos/seed/crystal-sodalite/800/800");
  /* White/Clear Series */
  --img-xc-clearquartz: url("https://picsum.photos/seed/crystal-clearquartz/800/800");
  --img-xc-moonstone: url("https://picsum.photos/seed/crystal-moonstone/800/800");
  --img-xc-howlite: url("https://picsum.photos/seed/crystal-howlite/800/800");
  /* Black/Dark Series */
  --img-xc-blacktourmaline: url("https://picsum.photos/seed/crystal-blacktourmaline/800/800");
  --img-xc-obsidian: url("https://picsum.photos/seed/crystal-obsidian/800/800");
  --img-xc-smokyquartz: url("https://picsum.photos/seed/crystal-smokyquartz/800/800");
  /* Multi-color Series */
  --img-xc-fluorite: url("https://picsum.photos/seed/crystal-fluorite/800/800");
  --img-xc-opal: url("https://picsum.photos/seed/crystal-opal/800/800");
  --img-xc-rainbowquartz: url("https://picsum.photos/seed/crystal-rainbowquartz/800/800");
}

/* Helper class to apply background images */
.bg-hero { background-image: var(--img-hero); }
.bg-story { background-image: var(--img-story); }
.bg-craft { background-image: var(--img-craft); }
.bg-newsletter { background-image: var(--img-newsletter); }

.bg-p1 { background-image: var(--img-product-1); }
.bg-p2 { background-image: var(--img-product-2); }
.bg-p3 { background-image: var(--img-product-3); }

.bg-c1 { background-image: var(--img-collection-1); }
.bg-c2 { background-image: var(--img-collection-2); }
.bg-c3 { background-image: var(--img-collection-3); }
.bg-c4 { background-image: var(--img-collection-4); }
.bg-c5 { background-image: var(--img-collection-5); }
.bg-c6 { background-image: var(--img-collection-6); }

.bg-l1 { background-image: var(--img-look-1); }
.bg-l2 { background-image: var(--img-look-2); }
.bg-l3 { background-image: var(--img-look-3); }

.bg-cr-amethyst { background-image: var(--img-crystal-amethyst); }
.bg-cr-rose { background-image: var(--img-crystal-rose); }
.bg-cr-clear { background-image: var(--img-crystal-clear); }
.bg-cr-citrine { background-image: var(--img-crystal-citrine); }
.bg-cr-smoky { background-image: var(--img-crystal-smoky); }
.bg-cr-tourmaline { background-image: var(--img-crystal-tourmaline); }

.bg-pdp-main { background-image: var(--img-pdp-main); }
.bg-pdp-t1 { background-image: var(--img-pdp-thumb-1); }
.bg-pdp-t2 { background-image: var(--img-pdp-thumb-2); }
.bg-pdp-t3 { background-image: var(--img-pdp-thumb-3); }
.bg-pdp-t4 { background-image: var(--img-pdp-thumb-4); }
.bg-pdp-story { background-image: var(--img-pdp-story); }

/* Crystal Collection */
.bg-xc-carnelian { background-image: var(--img-xc-carnelian); }
.bg-xc-hematite { background-image: var(--img-xc-hematite); }
.bg-xc-redjasper { background-image: var(--img-xc-redjasper); }
.bg-xc-sunstone { background-image: var(--img-xc-sunstone); }
.bg-xc-orangecalcite { background-image: var(--img-xc-orangecalcite); }
.bg-xc-copper { background-image: var(--img-xc-copper); }
.bg-xc-citrine-y { background-image: var(--img-xc-citrine-y); }
.bg-xc-pyrite { background-image: var(--img-xc-pyrite); }
.bg-xc-tigerseye { background-image: var(--img-xc-tigerseye); }
.bg-xc-malachite { background-image: var(--img-xc-malachite); }
.bg-xc-aventurine { background-image: var(--img-xc-aventurine); }
.bg-xc-emerald { background-image: var(--img-xc-emerald); }
.bg-xc-bluelaceagate { background-image: var(--img-xc-bluelaceagate); }
.bg-xc-aquamarine { background-image: var(--img-xc-aquamarine); }
.bg-xc-angelite { background-image: var(--img-xc-angelite); }
.bg-xc-amethyst-p { background-image: var(--img-xc-amethyst-p); }
.bg-xc-lapislazuli { background-image: var(--img-xc-lapislazuli); }
.bg-xc-sodalite { background-image: var(--img-xc-sodalite); }
.bg-xc-clearquartz { background-image: var(--img-xc-clearquartz); }
.bg-xc-moonstone { background-image: var(--img-xc-moonstone); }
.bg-xc-howlite { background-image: var(--img-xc-howlite); }
.bg-xc-blacktourmaline { background-image: var(--img-xc-blacktourmaline); }
.bg-xc-obsidian { background-image: var(--img-xc-obsidian); }
.bg-xc-smokyquartz { background-image: var(--img-xc-smokyquartz); }
.bg-xc-fluorite { background-image: var(--img-xc-fluorite); }
.bg-xc-opal { background-image: var(--img-xc-opal); }
.bg-xc-rainbowquartz { background-image: var(--img-xc-rainbowquartz); }