/* BacWater PINK palette override.
 *
 * Loaded AFTER tokens.css when ?theme=pink is active.
 * Overrides every --vela-* and --color-* token with a warm
 * pink-label clinical register. Think rose-gold lab equipment,
 * not bubblegum — still reads as research-grade, just warmer.
 *
 * Toggle: ?theme=pink / ?theme=default in the URL, or the
 * floating toggle button in the corner. Session-sticky.
 */

:root {
  /* Brand palette — warm rose / blush clinical -------------------- */
  --vela-color-primary:    #c2185b;        /* Deep rose — primary CTA, links */
  --vela-color-secondary:  #f48fb1;        /* Soft pink — accents, hover */
  --vela-color-borders:    #e8d5dc;        /* Warm blush divider */
  --vela-color-background: #fdf7f9;        /* Warm off-white with pink tint */

  --vela-text-color-primary:   #3d2b33;    /* Warm charcoal */
  --vela-text-color-secondary: #1a0e14;    /* Near-black (headings) */
  --vela-text-color-banner:    #7a5c67;    /* Muted mauve (banner copy) */

  --vela-border-main:   1px solid var(--vela-color-borders);

  /* Topbar — deep rose-black */
  --vela-topbar-bgcolor:   #1a0e14;
  --vela-topbar-textcolor: #fdf7f9;

  /* Header — warm off-white with dark text */
  --vela-header-bgcolor:   #fdf7f9;
  --vela-header-textcolor: #1a0e14;

  /* Footer — dark rose-black, titles white, body muted */
  --vela-footer-bgcolor:    #1a0e14;
  --vela-footer-titlecolor: #ffffff;
  --vela-footer-textcolor:  #b39aa3;

  /* Breadcrumb */
  --vela-breadcrumb-bgcolor:      #f9f0f3;
  --vela-breadcrumb-headingcolor: var(--vela-text-color-secondary);
  --vela-breadcrumb-linkcolor:    var(--vela-text-color-secondary);
  --vela-breadcrumb-textcolor:    var(--vela-color-primary);

  /* Primary CTA button — deep rose */
  --button_one_txtcolor:           #ffffff;
  --button_one_bgcolor:            #c2185b;
  --button_one_bordercolor:        #c2185b;
  --button_one_bgcolor_hover:      #880e4f;
  --button_one_bordercolor_hover:  #880e4f;
  --button_one_txtcolor_hover:     #ffffff;

  /* Product PDP secondary button */
  --btnpro_txtcolor:           #1a0e14;
  --btnpro_bgcolor:            #ffffff;
  --btnpro_bordercolor:        #1a0e14;
  --btnpro_bgcolor_hover:      #1a0e14;
  --btnpro_bordercolor_hover:  #1a0e14;
  --btnpro_txtcolor_hover:     #ffffff;

  /* Add-to-cart button — deep rose */
  --addtocart_txtcolor:           #ffffff;
  --addtocart_bgcolor:            #c2185b;
  --addtocart_bordercolor:        #c2185b;
  --addtocart_txtcolor_hover:     #ffffff;
  --addtocart_bgcolor_hover:      #880e4f;
  --addtocart_bordercolor_hover:  #880e4f;

  /* Main nav */
  --velamenu-bgcolor:            #fdf7f9;
  --velamenu-linkcolor:          #1a0e14;
  --velamenu-linkcolor-hover:    var(--vela-color-primary);
  --velasubmenu-bgcolor:         #ffffff;
  --velasubmenu-linkcolor:       #3d2b33;
  --velasubmenu-linkcolor-hover: var(--vela-color-primary);
}

/* BacWater brand-level token overrides for the pink palette */
.bacwater {
  --color-bg: #ffffff;
  --color-surface: #fdf7f9;
  --color-accent: #c2185b;
  --color-text: #1a0e14;
  --checkout-accent: #880e4f;
  --color-muted: #7a5c67;
  --color-subtle: #e8d5dc;
  --color-border: #e8d5dc;
}

/* Wordmark — pink register: "Bac" in mauve, "Water" in deep rose */
.bacwater-wordmark__bac {
  color: #7a5c67 !important;
}
.bacwater-wordmark__water {
  color: #c2185b !important;
}
.bacwater-wordmark__tm {
  color: #7a5c67 !important;
}
.bacwater-wordmark-link:hover .bacwater-wordmark__water,
.bacwater-wordmark-link:focus .bacwater-wordmark__water {
  color: #880e4f !important;
}

/* Hero gradient — warm rose wash instead of clinical blue */
.bacwater-hero .bacwater-hero-image {
  background:
    radial-gradient(ellipse at 75% 50%, rgba(194, 24, 91, 0.35), transparent 60%),
    linear-gradient(135deg, #fdf7f9 0%, #f9e8ef 35%, #c2185b 75%, #1a0e14 100%) !important;
}

/* Card hover shadow — rose tint */
.bacwater .bacwater-card.velaProBlock:hover,
.bacwater .bacwater-card.velaProBlock:focus-within {
  border-color: #c2185b;
  box-shadow: 0 12px 36px rgba(194, 24, 91, 0.12);
}

/* Card price — rose accent */
.bacwater .bacwater-card__price {
  color: #c2185b !important;
}

/* Age gate primary button — rose */
.bacwater-age-gate__btn--primary {
  background: #c2185b !important;
  border-color: #c2185b !important;
}
.bacwater-age-gate__btn--primary:hover {
  background: #880e4f !important;
  border-color: #880e4f !important;
}

/* PDP price — rose */
.bacwater-pdp__price {
  color: #c2185b !important;
}

/* Welcome banner — deep rose */
#sr-welcome-banner {
  background: #880e4f !important;
}

/* Newsletter CTA button */
body.bacwater .brand-newsletter-section .newsletter-form__button {
  background: #c2185b;
}

/* Announcement bar — warm rose-black to match topbar */
body.bacwater #velaTopbar {
  background: #1a0e14 !important;
}
body.bacwater #velaTopbar .velaTopbarLeft {
  color: #f9e8ef !important;
}

/* Hero CTA hover — deeper rose */
.bacwater-hero__cta:hover {
  background: #880e4f !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 28px rgba(194, 24, 91, 0.3) !important;
}

/* Home card hover shadow — rose tint */
.bacwater-home-card:hover {
  box-shadow: 0 12px 32px rgba(194, 24, 91, 0.1) !important;
}

/* Secondary links — rose accent */
body.bacwater a {
  color: #c2185b;
}
body.bacwater a:hover {
  color: #880e4f;
}