:root {
  --gold: #df3529;
  --gold-deep: #b8271e;
  --navy-950: #171719;
  --navy-900: #252427;
  --navy-700: #3b3b40;
  --ink: #252427;
  --muted: #68666b;
  --bg: #f8f6f2;
  --bg-soft: #f0ece6;
  --line: #e5dfd8;
}
.brand-logo { width: 132px; max-height: 36px; }
.btn-gold { background: var(--gold); color: #fff; box-shadow: 0 6px 16px rgba(223, 53, 41, 0.24); }
.hero-eyebrow { color: #ffc0b8; }
.hero-slide { background-color: #171719; }
.section-accent,
.hero-indicator.active::after { background: var(--gold); }
.entry-icon { background: #fff0ec; }
.mall-tabbar a.active { color: var(--gold-deep); }
.mall-tabbar a.active .tab-ico { background: #fff0ec; }
.mall-tabbar a.active .tab-spark { stroke: var(--gold-deep); }
.mall-tabbar a:focus-visible,
.cart-add:focus-visible,
body[data-page="goods"] .goods-back:focus-visible,
body[data-page="cart"] [data-remove]:focus-visible,
.catalog-page :is(button,a):focus-visible,
body[data-page="cart"] :is(button,a,input):focus-visible,
body[data-page="home"] :is(.entry,.hero-cta,.section-more,.hero-indicator):focus-visible,
body[data-page="me"] :is(.login-btn,.quick-action,.stat,.menu,.contact-strip):focus-visible { outline-color: var(--gold-deep); }
.mall-tabbar .cart-badge { color: #fff; box-shadow: 0 1px 3px rgba(184, 39, 30, 0.2); }
.product-card:hover { border-color: #dfa79f; }
.product-media img, .goods-hero img { object-fit: contain; }
.product-badge { color: #ffd0ca; }
.cart-add { background: var(--gold); color: #fff; box-shadow: 0 4px 10px rgba(223, 53, 41, 0.25); }
body[data-page="home"] .hero-cta { background: var(--gold); color: #fff; }
body[data-page="home"] .hero-eyebrow { color: #ffc0b8; }
body[data-page="home"] .section-accent,
body[data-page="home"] .hero-indicator.active::after { background: var(--gold); }
body[data-page="home"] .entry-icon { background: #fff0ec; }
body[data-page="home"] .product-badge { color: #ffd0ca; }
body[data-page="home"] .cart-add { background: var(--gold); color: #fff; }
body[data-page="me"] { --me-gold: var(--gold-deep); }
body[data-page="me"] .me-header { background: radial-gradient(ellipse at 100% 0, #74362f 0, transparent 65%), #252427; }
body[data-page="me"] .me-wordmark { color: #efb5ae; }
body[data-page="me"] .quick-icon,
body[data-page="me"] .contact-strip-icon { color: var(--gold-deep); background: #fff0ec; }
body[data-page="me"] .menu-icon-wrap { color: var(--gold-deep); background: #fff4f1; }
body[data-page="me"] .contact-strip-action,
.contact-option > span[data-me-icon] { color: var(--gold-deep); }
.action-btn--gold { color: #fff; }
@media (max-width: 360px) {
  .brand-logo { width: 116px; }
}