/* RARA light opening: white paper, pale-blue navigation and product showcase. */
.header,
.hero,
.intro-strip {
  --opening-navy: #f7f6f2;
  --opening-panel: #e6edf5;
  --opening-yellow: #122f52;
  --opening-text: #122f52;
  --opening-muted: #50647d;
  --opening-line: #cbd6e1;
  background: var(--opening-navy);
  color: var(--opening-text);
}

.header { background: var(--opening-panel); border-bottom-color: var(--opening-line); }
.header .nav > a::after { background: currentColor; }
.header .nav > a,
.header .collection-menu > summary,
.header .saved-trigger,
.header .cart-trigger,
.header .menu-toggle { color: var(--opening-text); }

/* Dropdowns remain light reading surfaces, including at tablet widths. */
.header .collection-dropdown {
  background: var(--paper);
  color: var(--ink);
}
.header .collection-dropdown a,
.header .collection-dropdown button { color: var(--ink); }
.header .nav.open { background: var(--opening-panel); border-color: var(--opening-line); }
.header > .header-search { background: #fff; color: var(--opening-text); }
.header > .header-search.is-collapsed { background: transparent; }
.header .header-search input,
.header .header-search button { color: var(--opening-text); }
.header .header-search input::placeholder { color: var(--opening-muted); }
.header > .header-search:focus-within { box-shadow: inset 0 0 0 1px var(--opening-yellow); }
.header > .header-search.is-collapsed:focus-within { box-shadow: none; }
.header .header-search button:hover,
.header .saved-trigger:hover,
.header .cart-trigger:hover,
.header .menu-toggle:hover { background: #122f5210; }
.header .cart-trigger .cart-count:not([hidden]),
.header .saved-trigger .saved-count:not([hidden]) {
  background: var(--opening-yellow);
  color: var(--opening-navy);
}
.header .search-suggestions { color: var(--ink); }
.header :is(a, button, input, summary):focus-visible,
.hero :is(a, button):focus-visible { outline-color: var(--opening-yellow); }
.header .collection-dropdown :is(a, button):focus-visible,
.header .search-suggestions a:focus-visible { outline-color: var(--ink); }

.hero h1,
.hero h1 > span:first-child,
.hero h1 em { color: var(--opening-text); }
.hero h1 em::after { content: none; display: none; }
.hero-copy > .primary {
  background: var(--opening-yellow);
  color: var(--opening-navy);
}
.hero-copy > .primary:hover { background: #214978; }
.hero-copy > .hero-buyback,
.hero-copy .hero-buyback-title { color: var(--opening-text); }
.hero-copy .hero-buyback-value,
.hero-copy .hero-buyback-value strong { color: var(--opening-muted); }
.hero .hero-showcase {
  background: var(--opening-panel);
  border-color: var(--opening-line);
}
.hero-showcase .featured-title,
.hero-showcase .featured-price { color: var(--opening-text); }
.hero-showcase[data-mixed-products] .featured-note,
.hero-showcase .featured-stock,
.hero-showcase .featured-swipe,
.hero-showcase .featured-count { color: var(--opening-muted); }
.hero-showcase .featured-open,
.hero-showcase .featured-controls button {
  color: var(--opening-yellow);
  background: transparent;
  border-color: #b7cadd;
}
.hero-showcase .featured-link:hover .featured-open,
.hero-showcase .featured-link:focus-visible .featured-open,
.hero-showcase .featured-controls button:not(:disabled):hover {
  color: var(--opening-navy);
  background: var(--opening-yellow);
}
.hero-showcase .featured-controls { border-top-color: var(--opening-line); }
.intro-strip { background: var(--opening-panel); border-color: var(--opening-line); }
.intro-strip .strip-dot::before { background: var(--opening-muted); }

@media (max-width: 1100px) {
  .header .collection-dropdown {
    background: var(--paper);
    padding: 10px;
    border-radius: 8px;
  }
}