/* Colour palette drawn from the flowers, foliage and mixer in the supplied logo. */
:root {
  --brand-pink: #c21868;
  --brand-pink-dark: #9f1254;
  --brand-pink-bright: #ed3b91;
  --brand-plum: #4c1e5a;
  --brand-purple: #742a85;
  --brand-leaf: #326b4b;
  --brand-ivory: #fffdf8;
  --brand-blush: #fce5ef;
  --brand-lilac: #eee0f3;
  --brand-sage: #e0ecdf;
  --brand-ink: #321d3b;
  --brand-muted: #67556d;
  --cream: var(--brand-ivory);
  --cream-deep: #f7edf4;
  --cocoa: var(--brand-ink);
  --cocoa-soft: var(--brand-muted);
  --lilac: #d9b6e5;
  --yellow: #f5d5e4;
  --mint: var(--brand-sage);
  --peach: #ee9fc3;
  --line: rgba(76, 30, 90, .2);
}

body { color: var(--brand-ink); background: var(--brand-ivory); }
::selection { color: var(--brand-plum); background: #f4b7d3; }
:focus-visible { outline-color: var(--brand-pink); }
h1, h2 { color: var(--brand-plum); }
.eyebrow, .product-category { color: var(--brand-leaf); }
.announcement, .marquee, .site-footer { background: var(--brand-plum); color: var(--brand-ivory); }
.announcement span, .marquee-track i { color: #f4a9cb; }
.nav-link.active, .nav-link:hover, .text-link:hover { color: var(--brand-pink); }
.nav-link::after { background: var(--brand-pink); }
.cart-count { background: var(--brand-pink); color: #fff; }
.icon-button { border-color: var(--line); }
.icon-button:hover { background: var(--brand-blush); color: var(--brand-pink); }
.button { border-color: var(--brand-pink); }
.button.primary, .button-primary { background: var(--brand-pink); border-color: var(--brand-pink); color: #fff; }
.button.primary:hover, .button-primary:hover { background: var(--brand-pink-dark); border-color: var(--brand-pink-dark); }
.button.secondary, .button-secondary { color: var(--brand-plum); border-color: var(--brand-plum); }
.button.secondary:hover, .button-secondary:hover { background: var(--brand-blush); }
.button:hover { box-shadow: 0 5px 0 rgba(76, 30, 90, .12); }
.text-link { border-color: var(--brand-pink); }

.hero h1 em, .hero-v2 h1 em { color: var(--brand-pink); }
.hero-background-word { color: #f2cfe0; }
.hero-orbit { border-color: rgba(116, 42, 133, .3); }
.hero-showcase { --bake-color: #e2c4ed; }
.hero-showcase[data-bake="rusk"] { --bake-color: #d8e7d5; }
.hero-showcase[data-bake="cookie"] { --bake-color: #f5c8dc; }
.hero-home-label, .seal { color: var(--brand-leaf); background: var(--brand-sage); border-color: var(--brand-leaf); box-shadow: 0 0 0 4px var(--brand-sage); }
.hero-copy .eyebrow > span { color: var(--brand-pink); }
.hero-browse { background: rgba(255, 253, 248, .94); border-color: var(--line); }
.hero-bake-choices button[aria-pressed="true"] { background: var(--brand-plum); color: #fff; }
.hero-bake-choices button:hover:not([aria-pressed="true"]), .hero-step:hover, .hero-autoplay:hover { background: var(--brand-blush); }
.hero-autoplay { border-color: var(--line); }

.favourites-section { background: #fff5f9; }
.photo-cream, .main-product-image { background: var(--brand-ivory); border-color: var(--line); }
.pastel-lilac { background: var(--brand-lilac); }
.pastel-yellow, .pastel-peach { background: var(--brand-blush); }
.pastel-mint { background: var(--brand-sage); }
.product-image-wrap .product-tag { color: var(--brand-plum); background: rgba(255, 253, 248, .96); border-color: var(--line); }
.quick-add, .product-card .quick-add { color: var(--brand-pink); background: var(--brand-ivory); border-color: rgba(194, 24, 104, .3); }
.quick-add:hover, .product-card .quick-add:hover { color: #fff; background: var(--brand-pink); }
.product-price, .detail-price { color: var(--brand-plum); }
.category-section, .category-v2 { background: var(--brand-sage); }
.category-v2 .category-shop-button::after { background: linear-gradient(transparent, rgba(48, 19, 57, .85)); }
.category-v2 .category-label { color: #fff; }
.category-arrow { border-color: rgba(255, 255, 255, .75); }
.category-shop-button:hover .category-arrow { background: var(--brand-ivory); color: var(--brand-plum); }
.bundle-banner, .home-collection .bundle-banner { color: var(--brand-leaf); background: var(--brand-sage); }
.bundle-banner:hover, .home-collection .bundle-banner:hover { background: #cee0cc; }
.filter-btn:hover { background: var(--brand-blush); }
.filter-btn.active { background: var(--brand-pink); border-color: var(--brand-pink); color: #fff; }
.search-input::placeholder { color: var(--brand-muted); }
.shop-offer, .detail-offer, .order-summary { background: var(--brand-lilac); }
.quantity-control { border-color: var(--brand-purple); }
.quantity-control button:hover { background: var(--brand-blush); }
.saving { color: var(--brand-leaf); }

.video-section { background: var(--brand-lilac); }
.video-card, .video-poster { background: var(--brand-plum); }
.video-card::after { background: linear-gradient(transparent, rgba(40, 15, 48, .84)); }
.play-button, .inline-video-play { border-color: var(--brand-pink); color: var(--brand-pink); background: var(--brand-ivory); }
.video-card:hover .play-button { background: var(--brand-blush); }
.video-muted { background: rgba(255, 253, 248, .96); color: var(--brand-plum); }
.video-latest { color: #fff; background: var(--brand-leaf); border-color: var(--brand-leaf); }
.story-image.story-portrait { background: var(--brand-blush); }
.story-portrait::before { background: #d9b6e5; }
.portrait-flower, .signature { color: var(--brand-pink); }
.story-sticker, .story-portrait .story-sticker { color: var(--brand-leaf); background: var(--brand-sage); border-color: var(--brand-leaf); }
.cta-section { background: var(--brand-blush); }
.cta-flower { color: var(--brand-pink); }
.footer-brand p, .footer-links p, .footer-bottom { color: #e5d3e8; }
.footer-links a { color: #f5e8f7; }
.footer-links a:hover { color: #f4a9cb; }
.footer-bottom { border-color: rgba(244, 169, 203, .25); }
.drawer-backdrop, .modal-backdrop { background: rgba(38, 16, 46, .48); }
.basket-spinner { border-color: #edc9df; border-top-color: var(--brand-pink); }
.gallery-thumbnail:hover { border-color: var(--brand-pink); }
.gallery-thumbnail.is-selected { border-color: var(--brand-pink); }
.form-field input, .form-field textarea, .form-field select { background: var(--brand-ivory); }

/* Shared commerce colours also cover direct WordPress shop and checkout pages. */
.commerce-page { --commerce-lilac: var(--brand-blush); --commerce-border: var(--line); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.commerce-page .woocommerce a.button, .commerce-page .woocommerce button.button,
.commerce-page .woocommerce input.button { color: #fff; background: var(--brand-pink); border-color: var(--brand-pink); }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.commerce-page .woocommerce a.button:hover, .commerce-page .woocommerce button.button:hover,
.commerce-page .woocommerce input.button:hover { color: #fff; background: var(--brand-pink-dark); border-color: var(--brand-pink-dark); }
.woocommerce a.button:disabled, .woocommerce button.button:disabled,
.commerce-page .woocommerce button.button:disabled[disabled] { color: #fff; background: var(--brand-pink); }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--brand-leaf); }
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: var(--brand-muted); }
.woocommerce .woocommerce-info, .commerce-page .woocommerce-info { color: var(--brand-plum); background: var(--brand-lilac); border-color: var(--brand-purple); }
.woocommerce .woocommerce-message, .commerce-page .woocommerce-message,
.commerce-page .woocommerce .rd-order-confirmation { color: var(--brand-leaf); background: var(--brand-sage); border-color: var(--brand-leaf); }
.woocommerce .woocommerce-info::before { color: var(--brand-purple); }
.woocommerce .woocommerce-message::before { color: var(--brand-leaf); }
.commerce-page .woocommerce button.button:focus-visible { outline-color: var(--brand-pink); }
.commerce-page .woocommerce input[type="radio"], .commerce-page .woocommerce input[type="checkbox"] { accent-color: var(--brand-pink); }
body.rd-native-commerce .select2-container--default .select2-results__option--highlighted[aria-selected] { color: var(--brand-plum); background: var(--brand-blush); }
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover { color: #fff; background: var(--brand-pink); }
body.woocommerce #page { color: var(--brand-ink); }
body.woocommerce #page > #header { border-bottom-color: var(--line); }
body.woocommerce #page > #footer { background: var(--brand-plum); color: var(--brand-ivory); }
body.woocommerce #page > #footer a { color: #f4a9cb; }
