/* Maisura: warm ivory, burgundy and champagne. Photographs and color swatches retain their original colors. */
:root {
  --ms-accent: #7a1733;
  --ms-accent-deep: #491126;
  --ms-soft: #f3e5e7;
  --ms-surface: #f6eee6;
  --ms-gold: #87612e;
  --ms-gold-light: #d8bc86;
  --ms-ink: #2c2026;
  --ms-muted: #72636b;
  --ms-line: #e4d9d0;
  --ms-ivory: #fbf7f1;
  --ms-paper: #fffdf9;
  --ms-blush: var(--ms-soft);
  --ms-burgundy: var(--ms-accent);
  --ms-burgundy-deep: var(--ms-accent-deep);
  --ms-gold-soft: #f2e7d4;
  color-scheme: light;
}
html,body { background: var(--ms-ivory); color: var(--ms-ink); }
::selection { background: #ead1d8; color: var(--ms-accent-deep); }
#app :is(.text-gray-700,.text-gray-600) { color: #65545d; }
#app nav.sticky { background: #fffdf9f5; border-bottom-color: var(--ms-line); }
#app :is(.bg-gray-50,.bg-gray-200) { background-color: var(--ms-surface); }
#app :is(input,select,textarea):focus { border-color: var(--ms-accent); box-shadow: 0 0 0 4px #7a173314; }
#app .mx-searchbox:focus-within { border-color: var(--ms-accent); box-shadow: 0 0 0 4px #7a173314; }
#app :is(.ds-eyebrow,.ms-slide-heading,.ms-slide-count,.ms-menu-eyebrow,.mx-suggestion-group) { color: var(--ms-gold); }
#app :is(.mx-hero,.ds-awards-hero) { background: linear-gradient(120deg,#f0e0dc,var(--ms-surface) 70%); border-color: var(--ms-line); }
#app :is(.mx-searchbox,.mx-suggestions,.mx-compare-tray) { box-shadow: 0 10px 32px #49112612; }
#app .mx-compare-tray { border-color: var(--ms-gold-light); }
#app .ms-refined-nav { background: var(--ms-accent-deep); border-bottom-color: #744154; }
#app .ms-refined-nav .ms-nav-item { color: #fff8ef; }
#app .ms-refined-nav .ms-nav-item:hover { color: #fff; background: #ffffff10; }
#app .ms-refined-nav .ms-nav-item:is(.router-link-exact-active,.is-current) { background: #d8bc861c; color: #f1d8a8; }
#app .ms-nav-locale select { background: #ffffff09; border-color: #d8bc8666; color: #fff8ef; }
#app .ms-nav-locale option { background: var(--ms-paper); color: var(--ms-ink); }
#app .ms-discover-panel { background: var(--ms-paper); border-color: var(--ms-line); border-top-color: var(--ms-gold); box-shadow: 0 22px 55px #49112624; }
#app .ms-refined-nav .ms-discover-link { color: var(--ms-ink); }
#app .ms-refined-nav .ms-discover-link:hover { background: var(--ms-soft); color: var(--ms-accent); }
#app :is(.ms-menu-icon,.mx-remove-compare) { background: var(--ms-surface); border-color: var(--ms-line); color: var(--ms-accent); }
#app :is(.mx-quick button,.mx-quick a,.mx-suggestions,.mx-fields select,.mx-fields input,.mx-budget select,.mx-budget input) { border-color: var(--ms-line); }
#app :is(.ms-product-card,.ds-product) { box-shadow: 0 3px 14px #49112607!important; }
#app .ms-product-card .rounded-full:has(> #quantity) { background: var(--ms-surface); border-color: var(--ms-line); }
#app .ms-product-card h3::before,#app :is(.mr-stars,.mx-award-chip) { color: var(--ms-gold); }
#app .ms-slide-stage { background: var(--ms-surface); border-color: var(--ms-line); box-shadow: 0 14px 36px -28px #49112655; }
#app .ms-slide-heading-line { background: var(--ms-line); }
#app .ms-slide-dots button::after { background: #c5afa7; }
#app .ms-slide-dots button[aria-current=true]::after { background: var(--ms-accent); }
#app .ms-slide-controls>button:hover { background: var(--ms-soft)!important; color: var(--ms-accent-deep)!important; }
#app .mr-section { color: var(--ms-ink); border-color: var(--ms-line); }
#app :is(.mr-summary,.mr-note,.mr-date) { color: var(--ms-muted); }
#app .mr-field :is(input,select,textarea) { background: var(--ms-paper); color: var(--ms-ink); border-color: var(--ms-line); }
#app .mr-review { border-color: var(--ms-line); }
#app footer { background: var(--ms-accent-deep); border-top-color: var(--ms-gold-light); color: #fff8ef; }
#app footer :is(h3,i) { color: var(--ms-gold-light); }
#app footer .text-gray-400 { color: #ead9dd; }
#app ::-webkit-scrollbar-thumb { background-color: #ad8890; }
#app ::-webkit-scrollbar-track { background: var(--ms-ivory); }

/* The awards page has an independent stylesheet and shares the same palette. */
#app .ma-awards { background: var(--ms-ivory); color: var(--ms-ink); }
#app .ma-hero { background: var(--ms-surface); border-color: var(--ms-line); }
#app .ma-seal { color: var(--ms-gold); border-color: var(--ms-gold-light); outline-color: var(--ms-line); }
#app :is(.ma-eyebrow,.ma-rank) { color: var(--ms-gold); }
#app :is(.ma-hero h1,.ma-card h4) { color: var(--ms-ink); }
#app :is(.ma-subtitle,.ma-years button,.ma-filters button,.ma-scopes small,.ma-count,.ma-rank span,.ma-brand,.ma-meta,.ma-source,.ma-attribution,.ma-stock:not(.available)) { color: var(--ms-muted); }
#app :is(.ma-years button[aria-pressed=true],.ma-collection[aria-pressed=true],.ma-actions>a) { background: var(--ms-accent); border-color: var(--ms-accent); color: var(--ms-paper); }
#app .ma-actions>a:hover { background: var(--ms-accent-deep); }
#app :is(.ma-scopes button,.ma-collection,.ma-card,.ma-heart) { border-color: var(--ms-line); background: var(--ms-paper); color: var(--ms-ink); }
#app .ma-scopes button[aria-pressed=true] { background: var(--ms-soft); border-color: #b77d8b; box-shadow: inset 0 -3px var(--ms-accent); }
#app .ma-scope-icon { color: var(--ms-accent); border-color: #d9b6bf; }
#app .ma-filters button { background: var(--ms-surface); border-color: var(--ms-surface); }
#app .ma-filters button[aria-pressed=true] { background: var(--ms-soft); color: var(--ms-accent); border-color: #b77d8b; }
#app .ma-card-award { background: var(--ms-surface); border-color: var(--ms-line); }
#app :is(.ma-card-award h3,.ma-price) { color: var(--ms-accent-deep); }
#app .ma-notes span { background: var(--ms-surface); color: #65545d; }
#app .ma-heart[aria-pressed=true] { color: var(--ms-accent); }
#app .ma-heart[aria-pressed=true] svg { fill: #7a173318; }
#app .ma-actions button { color: var(--ms-accent); background: var(--ms-soft); border-color: #d9b6bf; }
#app :is(.ma-attribution,.ma-empty) { border-color: var(--ms-line); }
#app .ma-attribution { background: transparent; color: var(--ms-muted); }
#app .ma-empty { background: var(--ms-surface); }
@media (hover:hover) {
  #app :is(.ma-card,.ma-years button,.ma-filters button):hover { border-color: #b58d69; }
  #app :is(.ds-product,.ms-product-card):hover { border-color: #b58d69!important; box-shadow: 0 16px 34px #49112614!important; }
}