/* BEAUTY CLINIQUE V2.2 | Olive Graphite homepage-only comparison
   Loaded AFTER v2-theme.css on EN and zh homepages.
   Never change approved layout, Hero 01 photograph, routes or interactions.
   Switch via qa/switch_v2_palette.py. Only homepage colors change.
*/
:root {
  --bc-v22-paper: #F2F0EC;
  --bc-v22-ink: #4A4D45;
  --bc-v22-muted: #62655D;
  --bc-v22-panel: #4A4D45;
  --bc-v22-light: #F7F5F0;
  --bc-v22-gold: #B19672;
  --bc-v22-gold-on-dark: #D4B995;
  --bc-v22-line: #D7D0C8;
}

/* Milk-grey remains the predominant canvas; no global geometry changes. */
html, body { background-color:var(--bc-v22-paper); color:var(--bc-v22-ink); }

/* Header: brand stays champagne-gold, navigation uses readable charcoal. */
.hero > .bc-global-header { background:transparent; border-color:transparent; }
.hero .bc-global-wordmark,
.hero .bc-global-wordmark:link,
.hero .bc-global-wordmark:visited { color:#997A55; }
.hero .bc-global-nav a,
.hero .bc-global-nav a:link,
.hero .bc-global-nav a:visited,
.hero .bc-global-book,
.hero .bc-global-book:link,
.hero .bc-global-book:visited,
.hero .bc-global-language-switch,
.hero .bc-global-language-switch a,
.hero .bc-global-language-switch span { color:var(--bc-v22-ink) !important; }
.hero .bc-global-nav a[aria-current="page"],
.hero .bc-global-language-switch a[aria-current="page"] { color:#756342 !important; }
.hero .bc-global-book { border-color:var(--bc-v22-gold); }
.hero .bc-global-menu .bc-global-menu-line { background:var(--bc-v22-ink); }
.hero .bc-global-menu-list { background:var(--bc-v22-paper); border-color:var(--bc-v22-line); }
.hero .bc-global-menu-list a { color:var(--bc-v22-ink); border-color:var(--bc-v22-line); }

/* Hero 01: preserve the approved unfiltered photograph and corrected veil. */
.hero[data-bc-slide="0"] h1,
.hero[data-bc-slide="0"] .hero-description,
.hero[data-bc-slide="0"] .hero-link,
.hero[data-bc-slide="0"] .hero-contacts a,
.hero[data-bc-slide="0"] .hero-count { color:var(--bc-v22-ink) !important; }
.hero[data-bc-slide="0"] .hero-description { color:var(--bc-v22-muted) !important; }
.hero .hero-kicker,
.hero .hero-count small,
.hero .hero-link span:last-child,
.hero .bc-hero-carousel-nav button { color:#947750; }
.hero .separator { background:#BBAF9F; }
.hero .hero-link span:first-child { border-color:var(--bc-v22-gold); }
.hero .bc-hero-carousel-pager button::before { background:var(--bc-v22-gold); }

/* Find Your Care: charcoal + warm champagne, editorial rather than blue. */
.care-section { background-color:var(--bc-v22-paper); color:var(--bc-v22-ink); }
.care-intro h2 { color:var(--bc-v22-ink); }
.care-intro .eyebrow { color:#8A7057; }
.care-description { color:var(--bc-v22-muted); }
.care-heading-arrow { color:#7D806F; }
.care-card { background-color:var(--bc-v22-panel); color:var(--bc-v22-light); }
.care-card span { color:var(--bc-v22-light); }
.care-icon { stroke:var(--bc-v22-gold-on-dark); }
@media(min-width:900px) {
  /* Keep any existing photographic texture and the established card sizing. */
  .care-card::before {
    background:linear-gradient(0deg,rgba(48,54,45,.72),rgba(48,54,45,.08) 95%);
  }
}

/* Footer: warm charcoal is the one deliberate dark anchor in this trial. */
.bc-global-footer,
.bc-global-footer.contact-section { background:var(--bc-v22-panel) !important;
  color:var(--bc-v22-light); border-top:1px solid #717768; }
.bc-global-footer-wordmark,
.bc-global-footer-wordmark:link,
.bc-global-footer-wordmark:visited { color:var(--bc-v22-light) !important; }
.bc-global-footer address,
.bc-global-footer p.bc-global-footer-hours,
.bc-global-footer p.bc-global-footer-policy { color:#E5E5DC !important; }
.bc-global-footer-kicker,
.bc-global-footer-links a { color:var(--bc-v22-gold-on-dark) !important; }

/* Mobile CTA continues the footer color contract, without moving controls. */
.mobile-sticky { background:var(--bc-v22-panel); color:var(--bc-v22-light);
  border-top:1px solid #71776A; }
.mobile-sticky a { color:var(--bc-v22-light); }
.mobile-sticky a + a { border-left-color:#899082; }