/* INY COLORFUL PLUS — visual-only layer
   White remains the main canvas. Adds restrained pastel pink, sky blue, mint,
   lavender, peach and butter-yellow accents across the existing pages.
   No content, links, Supabase, cart or JS behavior is changed.
*/
:root{
  --c-blue:#315e73;
  --c-sky:#72d8e3;
  --c-sky-soft:#eefbfc;
  --c-pink:#e98289;
  --c-pink-soft:#fff1f3;
  --c-mint:#a9ddcf;
  --c-mint-soft:#effaf6;
  --c-lav:#c7b6e9;
  --c-lav-soft:#f7f3fd;
  --c-peach:#f4c39d;
  --c-peach-soft:#fff6ef;
  --c-yellow:#f4d56d;
  --c-yellow-soft:#fffbed;
  --c-teal:#28aeb9;
  --c-line:#e7e4e1;
}

/* ---------------------------------------------------------------
   HOME / SHARED SECTIONS
   --------------------------------------------------------------- */
body .hero{
  background:
    radial-gradient(circle at 88% 18%, rgba(114,216,227,.13), transparent 25%),
    radial-gradient(circle at 8% 76%, rgba(233,130,137,.10), transparent 27%),
    #fff!important;
}
body .hero-note-circle{background:var(--c-pink-soft)!important;border-color:var(--c-pink)!important}
body .hero-note-heart{color:var(--c-pink)!important}
body .hero-note-spark{background:var(--c-yellow)!important}
body .hero .orbit-dot{background:var(--c-teal)!important}
body .hero .orbit-ring{border-color:rgba(40,174,185,.23)!important}

body #collections{
  background:linear-gradient(180deg,#fff 0%,var(--c-yellow-soft) 100%)!important;
}
body #products,
body .products-section{
  background:linear-gradient(180deg,#fff 0%,var(--c-sky-soft) 100%)!important;
}
body #about{
  background:linear-gradient(180deg,#fff 0%,var(--c-lav-soft) 100%)!important;
}
body #gallery,
body .arrivals{
  background:linear-gradient(180deg,#fff 0%,var(--c-pink-soft) 100%)!important;
}
body #reviews{
  background:linear-gradient(180deg,#fff 0%,var(--c-mint-soft) 100%)!important;
}
body .instagram{
  background:linear-gradient(180deg,#fff 0%,var(--c-peach-soft) 100%)!important;
}
body #client-size,
body .client-size{
  background:linear-gradient(180deg,#fff 0%,var(--c-sky-soft) 100%)!important;
}
body #faq,
body .faq{
  background:linear-gradient(180deg,#fff 0%,var(--c-lav-soft) 100%)!important;
}

/* Collection cards: give each existing image tile a distinct INY pastel frame. */
body .category:nth-of-type(1) .round-img{background:var(--c-yellow-soft)!important;border-color:#f0db9c!important}
body .category:nth-of-type(2) .round-img{background:var(--c-lav-soft)!important;border-color:#dccff2!important}
body .category:nth-of-type(3) .round-img{background:var(--c-mint-soft)!important;border-color:#c8e8df!important}
body .category:nth-of-type(4) .round-img{background:var(--c-pink-soft)!important;border-color:#f3c6ca!important}
body .category:nth-of-type(5) .round-img{background:var(--c-sky-soft)!important;border-color:#c6edf1!important}
body .category:nth-of-type(6) .round-img{background:var(--c-peach-soft)!important;border-color:#f1d5be!important}
body .category b{color:var(--c-blue)!important}
body .category span{color:#6f777b!important}

/* Product cards: colorful border rails + soft image backgrounds. */
body .product-card,
body .product-item,
body .arrival{
  background:#fff!important;
  border:1px solid var(--c-line)!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body .product-card:nth-child(4n+1),body .product-item:nth-child(4n+1){box-shadow:inset 0 3px 0 var(--c-pink)!important}
body .product-card:nth-child(4n+2),body .product-item:nth-child(4n+2){box-shadow:inset 0 3px 0 var(--c-sky)!important}
body .product-card:nth-child(4n+3),body .product-item:nth-child(4n+3){box-shadow:inset 0 3px 0 var(--c-mint)!important}
body .product-card:nth-child(4n),body .product-item:nth-child(4n){box-shadow:inset 0 3px 0 var(--c-peach)!important}
body .product-card .product-img,
body .product-card .image,
body .product-item .image,
body .related-card .image{
  background:linear-gradient(145deg,#fff,var(--c-sky-soft))!important;
}
body .product-card:nth-child(4n+1) .product-img,
body .product-card:nth-child(4n+1) .image{background:linear-gradient(145deg,#fff,var(--c-pink-soft))!important}
body .product-card:nth-child(4n+2) .product-img,
body .product-card:nth-child(4n+2) .image{background:linear-gradient(145deg,#fff,var(--c-sky-soft))!important}
body .product-card:nth-child(4n+3) .product-img,
body .product-card:nth-child(4n+3) .image{background:linear-gradient(145deg,#fff,var(--c-mint-soft))!important}
body .product-card:nth-child(4n) .product-img,
body .product-card:nth-child(4n) .image{background:linear-gradient(145deg,#fff,var(--c-yellow-soft))!important}
body .price,body .product-price{color:var(--c-pink)!important}

/* New arrivals cards */
body .arrival:nth-child(1){background:linear-gradient(180deg,#fff,var(--c-mint-soft))!important;border-top:3px solid var(--c-mint)!important}
body .arrival:nth-child(2){background:linear-gradient(180deg,#fff,var(--c-sky-soft))!important;border-top:3px solid var(--c-sky)!important}
body .arrival h3{color:var(--c-blue)!important}
body .arrival .badge{background:var(--c-pink-soft)!important;color:var(--c-pink)!important;border-color:#f1c7cb!important}

/* Trust row: alternate colorful icon circles. */
body .trust-row .trust-item:nth-child(1) svg{color:var(--c-pink)!important}
body .trust-row .trust-item:nth-child(2) svg{color:var(--c-sky)!important}
body .trust-row .trust-item:nth-child(3) svg{color:var(--c-mint)!important}
body .trust-row .trust-item:nth-child(4) svg{color:var(--c-yellow)!important}

/* FAQ rows */
body .faq-grid details:nth-child(4n+1){background:linear-gradient(90deg,#fff,var(--c-sky-soft))!important}
body .faq-grid details:nth-child(4n+2){background:linear-gradient(90deg,#fff,var(--c-pink-soft))!important}
body .faq-grid details:nth-child(4n+3){background:linear-gradient(90deg,#fff,var(--c-lav-soft))!important}
body .faq-grid details:nth-child(4n){background:linear-gradient(90deg,#fff,var(--c-mint-soft))!important}
body .faq-grid details:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(49,94,115,.07)!important}

/* Founder story: colorful chapter accents while preserving horizontal scrolling. */
body .iny-founder-story{background:linear-gradient(180deg,#fff 0%,#fff 66%,var(--c-peach-soft) 100%)!important}
body .founder-sticky-image,
body .founder-image-frame{background:linear-gradient(145deg,var(--c-pink-soft),var(--c-lav-soft))!important}
body .founder-chapter:nth-child(4n+1){background:linear-gradient(180deg,#fff,var(--c-sky-soft))!important;border-top:3px solid var(--c-sky)!important}
body .founder-chapter:nth-child(4n+2){background:linear-gradient(180deg,#fff,var(--c-pink-soft))!important;border-top:3px solid var(--c-pink)!important}
body .founder-chapter:nth-child(4n+3){background:linear-gradient(180deg,#fff,var(--c-lav-soft))!important;border-top:3px solid var(--c-lav)!important}
body .founder-chapter:nth-child(4n){background:linear-gradient(180deg,#fff,var(--c-mint-soft))!important;border-top:3px solid var(--c-mint)!important}
body .founder-chapter-no{color:var(--c-pink)!important}

/* ---------------------------------------------------------------
   SHOP
   --------------------------------------------------------------- */
body .shop-hero{
  background:
    radial-gradient(circle at 80% 25%,rgba(199,182,233,.17),transparent 22%),
    radial-gradient(circle at 20% 70%,rgba(114,216,227,.12),transparent 24%),
    #fff!important;
}
body .subcollections .tab:nth-child(3n+1){background:var(--c-sky-soft)!important;border-color:#c6edf1!important}
body .subcollections .tab:nth-child(3n+2){background:var(--c-pink-soft)!important;border-color:#f3c6ca!important}
body .subcollections .tab:nth-child(3n){background:var(--c-lav-soft)!important;border-color:#ddd2f1!important}
body .subcollections .tab.active{background:var(--c-sky)!important;color:var(--c-blue)!important}
body .collection-section:nth-of-type(odd){background:linear-gradient(180deg,#fff,var(--c-yellow-soft))!important}
body .collection-section:nth-of-type(even){background:linear-gradient(180deg,#fff,var(--c-sky-soft))!important}
body .back-category{background:var(--c-pink-soft)!important;border-color:var(--c-pink)!important;color:var(--c-pink)!important}

/* ---------------------------------------------------------------
   PRODUCT
   --------------------------------------------------------------- */
body .product-page{background:linear-gradient(180deg,#fff 0%,var(--c-sky-soft) 100%)!important}
body .product-gallery{background:linear-gradient(145deg,#fff,var(--c-pink-soft))!important;border-radius:22px!important}
body .product-info{background:#fff!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(49,94,115,.06)!important}
body .product-size-block{background:linear-gradient(180deg,#fff,var(--c-yellow-soft))!important;border-color:#f0dfae!important}
body .size-btn.active{background:var(--c-sky)!important;border-color:var(--c-sky)!important;color:var(--c-blue)!important}
body .size-chart-trigger{background:var(--c-lav-soft)!important;border-color:var(--c-lav)!important;color:var(--c-blue)!important}
body .related-section{background:linear-gradient(180deg,#fff,var(--c-pink-soft))!important}
body .related-card{background:#fff!important;border-top:3px solid var(--c-pink)!important}

/* ---------------------------------------------------------------
   CONTACT
   --------------------------------------------------------------- */
body .contact-hero{
  background:
    radial-gradient(circle at 18% 26%,rgba(114,216,227,.16),transparent 24%),
    radial-gradient(circle at 86% 65%,rgba(233,130,137,.13),transparent 23%),
    #fff!important;
}
body .contact-grid{background:linear-gradient(135deg,#fff,var(--c-sky-soft))!important}
body .contact-info{background:linear-gradient(180deg,var(--c-sky),#c8f1f4)!important;color:var(--c-blue)!important}
body .contact-links a:nth-child(1){background:var(--c-mint-soft)!important;border-color:var(--c-mint)!important}
body .contact-links a:nth-child(2){background:var(--c-pink-soft)!important;border-color:var(--c-pink)!important}
body .contact-links a:nth-child(3){background:var(--c-lav-soft)!important;border-color:var(--c-lav)!important}
body .closing{background:linear-gradient(135deg,var(--c-pink-soft),var(--c-sky-soft))!important}

/* ---------------------------------------------------------------
   CART
   --------------------------------------------------------------- */
body .cart-hero{background:linear-gradient(135deg,#fff 0%,var(--c-peach-soft) 58%,var(--c-sky-soft) 100%)!important}
body .cart-layout{background:linear-gradient(135deg,#fff,var(--c-sky-soft))!important}
body .items-panel{background:#fff!important;border-top:4px solid var(--c-sky)!important}
body .summary{background:linear-gradient(180deg,#fff,var(--c-pink-soft))!important;border-top:4px solid var(--c-pink)!important}
body .cart-item:nth-child(3n+1) .cart-image{background:var(--c-yellow-soft)!important}
body .cart-item:nth-child(3n+2) .cart-image{background:var(--c-lav-soft)!important}
body .cart-item:nth-child(3n) .cart-image{background:var(--c-mint-soft)!important}

/* Shared buttons and micro accents */
body .primary-btn,
body .primary,
body .add-btn{background:linear-gradient(90deg,var(--c-pink),#ef9da2)!important;border-color:var(--c-pink)!important}
body .primary-btn:hover,
body .primary:hover,
body .add-btn:hover{background:linear-gradient(90deg,var(--c-sky),#9ee7ed)!important;border-color:var(--c-sky)!important;color:var(--c-blue)!important}
body .secondary-btn,
body .outline{background:var(--c-sky-soft)!important}
body .eyebrow,.founder-eyebrow{color:var(--c-pink)!important}
body .section-heading::after,.section-rule,.section-divider{background:var(--c-sky)!important}