const PALETTE = [
    { family: "Whites & Neutrals", colors: [
      { name:"White",hex:"#ffffff"},{name:"Retro White",hex:"#e8e3d9"},{name:"Sand",hex:"#e1d8c6"},
      { name:"Cameo",hex:"#e9ccc8"},{name:"Grey",hex:"#ced3d4"},{name:"Stone",hex:"#989689"},
      { name:"Fog",hex:"#6b9098"},{name:"Smoke",hex:"#75777b"},{name:"Black",hex:"#0b0d0f"}
    ]},
    { family: "Pinks & Reds", colors: [
      {name:"Blush",hex:"#fbd6c0"},{name:"Light Pink",hex:"#fcccda"},{name:"Melon",hex:"#fac4bc"},
      {name:"Rose Pink",hex:"#d984a3"},{name:"Fuchsia",hex:"#eb4799"},{name:"Aloha",hex:"#e45c56"},
      {name:"Red",hex:"#ef2a2f"},{name:"Pastel Magenta",hex:"#B72E6C"},{name:"Coral",hex:"#bd4b3b"},
      {name:"Wild Berry",hex:"#79384c"},{name:"Maroon",hex:"#80011f"}
    ]},
    { family: "Oranges & Browns & Yellows", colors: [
      {name:"Pastel Yellow",hex:"#fcfd96"},{name:"Yellow",hex:"#f5e812"},{name:"Goldenrod",hex:"#f7b615"},
      {name:"Orange",hex:"#ef6b24"},{name:"Coffee",hex:"#957461"},{name:"Burnt Orange",hex:"#9d4223"}
    ]},
    { family: "Greens", colors: [
      {name:"Eucalyptus",hex:"#a3bba3"},{name:"Pastel Green",hex:"#acdba7"},{name:"Lime Green",hex:"#8fc73e"},
      {name:"Seafoam",hex:"#479a87"},{name:"Grass Green",hex:"#28b35e"},{name:"Empowermint",hex:"#779786"},
      {name:"Forest Green",hex:"#218b21"},{name:"Willow",hex:"#4a715c"}
    ]},
    { family: "Blues", colors: [
      {name:"Sky Blue",hex:"#87ceec"},{name:"Sea Glass",hex:"#80a4bc"},{name:"Caribbean Blue",hex:"#0bbbb6"},
      {name:"Medium Blue",hex:"#1b89e8"},{name:"Blue Slate",hex:"#327295"},{name:"Tropical Teal",hex:"#0d868f"},
      {name:"Royal Blue",hex:"#005eb7"},{name:"Dark Blue",hex:"#26408e"},{name:"Navy",hex:"#262266"}
    ]},
    { family: "Purples", colors: [
      {name:"Pastel Dusk",hex:"#d7c4c8"},{name:"Lilac",hex:"#c69edb"},{name:"Canyon Rose",hex:"#ca93b3"},
      {name:"Rosewood",hex:"#ad7271"},{name:"Lavender",hex:"#866c92"},{name:"Orchid",hex:"#a42487"},
      {name:"Violet",hex:"#812a8c"}
    ]},

    // === Pearl & Metallic: image-backed swatches ===
    { family: "Pearl and Matallic Colors", colors: [
      { name:"Pearl White",       hex:"#F8F8F8", metallic:true, pearlType:"white",          image:"images/pearl-white.webp" },
      { name:"Classic Silver",    hex:"#F4C2C2", metallic:true, pearlType:"silver",         image:"images/classic-silver.webp" },
      { name:"Pearl Pink",        hex:"#F4C2C2", metallic:true, pearlType:"pink",           image:"images/pearl-pink.webp" },
      { name:"Pearl Peach",       hex:"#F4C2C2", metallic:true, pearlType:"pink",           image:"images/pearl-peach.webp" },
      { name:"Classic Rose Gold", hex:"#F4C2C2", metallic:true, pearlType:"pink",           image:"images/metalic-rosegold.webp" },
      { name:"Pearl Lilac",       hex:"#C8A2C8", metallic:true, pearlType:"lilac",          image:"images/pearl-lilac.webp" },
      { name:"Pearl Light Blue",  hex:"#87CEEB", metallic:true, pearlType:"blue",           image:"images/pearl-lightblue.webp" },
      { name:"Pearl Periwinkle",  hex:"#F4C2C2", metallic:true, pearlType:"blue",           image:"images/pearl-periwinkle.webp" },
      { name:"Pearl Fuchsia",     hex:"#FD49AB", metallic:true, pearlType:"fuchsia",        image:"images/pearl-fuchsia.webp" },
      { name:"Pearl Violet",      hex:"#8F00FF", metallic:true, pearlType:"violet",         image:"images/pearl-violet.webp" },
      { name:"Pearl Sapphire",    hex:"#0F52BA", metallic:true, pearlType:"sapphire",       image:"images/pearl-sapphire.webp" },
      { name:"Pearl Midnight Blue",hex:"#191970", metallic:true, pearlType:"midnight-blue", image:"images/pearl-midnightblue.webp" },
      { name:"Classic Gold",      hex:"#E32636", metallic:true, pearlType:"gold",           image:"images/classic-gold.webp" }
    ]},

    // === Chrome: image-backed swatches ===
    { family: "Chrome Colors", colors: [
      { name:"Chrome Rose Gold", hex:"#FFBF00", metallic:true, chromeType:"rosegold",   image:"images/chrome-rosegold.webp" },
      { name:"Chrome Pink",      hex:"#FFBF00", metallic:true, chromeType:"rosegold",   image:"images/chrome-pink.webp" },
      { name:"Chrome Purple",    hex:"#DFFF00", metallic:true, chromeType:"purple",     image:"images/chrome-purple.webp" },
      { name:"Chrome Champagne", hex:"#FF1DCE", metallic:true, chromeType:"champagne",  image:"images/chrome-champagne.webp" },
      { name:"Chrome Truffle",   hex:"#FF1DCE", metallic:true, chromeType:"champagne",  image:"images/chrome-truffle.webp" },
      { name:"Chrome Silver",    hex:"#a8a9a4", metallic:true, chromeType:"silver",     image:"images/chrome-silver.webp" },
      { name:"Chrome Space Grey",hex:"#a8a9a4", metallic:true, chromeType:"spacegrey",  image:"images/chrome-spacegrey.webp" },
      { name:"Chrome Gold",      hex:"#a18b67", metallic:true, chromeType:"gold",       image:"images/chrome-gold.webp" },
      { name:"Chrome Green",     hex:"#457066", metallic:true, chromeType:"green",      image:"images/chrome-green.webp" },
      { name:"Chrome Blue",      hex:"#2d576f", metallic:true, chromeType:"blue",       image:"images/chrome-blue.webp" }
    ]}
  ];

  window.CLASSIC_COLORS = ['#D92E3A', '#FFFFFF', '#0055A4', '#40E0D0'];
  window.PALETTE = window.PALETTE || (typeof PALETTE !== "undefined" ? PALETTE : []);