/* Shared surfaces and typography; artwork keeps its own brand palette. */
body.storefront-ui {
  --navy: #172a46;
  --ink: var(--sys-ink);
  --muted: var(--sys-muted);
  --line: #d5dfeb;
  --border-color: #d5dfeb;
  --paper: #f5f7fb;
  --paper-2: #eaf0f8;
  --red: var(--sys-danger);
  --red-deep: #85233b;
  --green: var(--sys-success);
  --primary-color: var(--sys-action);
  --text-color: var(--sys-ink);
  --muted-text: var(--sys-muted);
  --card-bg: #fff;
  --shadow: 0 8px 24px #1731540a;
  color: var(--sys-ink);
  background: #f5f7fb;
  color-scheme: light;
  text-rendering: optimizeLegibility;
}
body.storefront-ui :is(h1,h2,h3,h4,h5,h6) { text-wrap: pretty; }
body.storefront-ui .pattern-bar { background: linear-gradient(90deg,#c6a14a,#f0d88e 48%,#c6a14a); }
body.storefront-ui .sa-top {
  background: linear-gradient(110deg,#14253d,#1b3151);
  border-bottom: 1px solid #263e60;
  box-shadow: 0 2px 8px #1328460c;
}
body.storefront-ui .sa-sub { border-top-color: #ffffff19; }
body.storefront-ui .sa-top__brand { color: #f8fafc!important; }
body.storefront-ui :is(.lang__menu,.acct__menu) {
  border: 1px solid #d2dce9;
  border-radius: 12px;
  box-shadow: 0 10px 28px #142b491c;
}
body.storefront-ui :is(.search-dropdown,.sa-side,.auth-card,.pd-panel,.tc-discovery,.seller-catalog-empty) {
  border-color: #d5dfeb;
  box-shadow: 0 2px 7px #17315406;
}
body.storefront-ui :is(.auth-card,.pd-panel,.seller-catalog-empty) { border-radius: 16px; }
body.storefront-ui .sa-key {
  border: 1px solid #d5dfeb;
  border-radius: 15px;
  box-shadow: 0 2px 4px #142b4905;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
body.storefront-ui .sa-key:hover {
  transform: translateY(-2px);
  border-color: #9eb3cd;
  box-shadow: 0 6px 16px #142b490d;
}
body.storefront-ui .sa-key__art { border-radius: 10px; }
body.storefront-ui .sa-key__title { color: var(--sys-ink); }
body.storefront-ui .sa-key__price b { color: #173154; font-weight: 700; }
body.storefront-ui :is(.sa-key__rate,.sa-key__stock,.sa-key__meta,.sa-key__offers) { color: var(--sys-muted); }
body.storefront-ui .sa-key__meta { border-top-color: #e1e7f0; }
body.storefront-ui .pd-seller { background: #eef3fa; border-color: #c9d6e6; color: var(--sys-action); }
body.storefront-ui .pd-seller-icon { background: #e1eaf6; color: var(--sys-action); }
body.storefront-ui .pd-breadcrumb { color: var(--sys-muted); }
body.storefront-ui .product-info h1 { color: var(--sys-ink); }
body.storefront-ui .pd-page :is(.price-section,.pd-information) { border-color: #d5dfeb; }

/* Public content, order panels and account panels share a clean edge. */
body.storefront-ui .card,
body.storefront-ui.page-dash .sa-dash__main .card {
  border-color: #d5dfeb;
  box-shadow: 0 2px 7px #17315404;
}
body.storefront-ui .compact-content .card { box-shadow: 0 2px 7px #17315404!important; }
body.storefront-ui.page-dash .sa-dash__nav { border-color: #d5dfeb; box-shadow: 0 2px 7px #17315404; }
body.storefront-ui.page-dash :is(.account-manage-panel,.buyer-purchase-summary,.seller-business-details) { border-color: #d5dfeb; }
body.storefront-ui.page-dash .sa-dash__main .card-header,
body.storefront-ui.page-dash .sa-dash__main .card-footer { background: #f4f7fb; border-color: #e0e6ef; }
body.storefront-ui .table { --bs-table-border-color: #e0e6ef; --bs-table-hover-bg: #f0f5fc; }
body.storefront-ui :is(.accordion-item,.list-group-item) { border-color: #d5dfeb; }
body.storefront-ui .accordion-body { color: var(--sys-ink); background: #fff; }
body.storefront-ui .accordion-item { border-radius: 12px; overflow: clip; }
body.storefront-ui :is(.sa-kpi,.seller-kpi,.buyer-order-total,.price,.seller-quick-price) { font-variant-numeric: tabular-nums; }

/* Footer follows the same navy as the header, with readable secondary text. */
body.storefront-ui .foot--refresh { background: linear-gradient(110deg,#14253d,#1b3151); border-top: 1px solid #263e60; }
body.storefront-ui .foot--refresh :is(.foot__lead,.foot__trust,.foot__note,.foot__copy,.foot__language label) { color: #c5d2e3; }
body.storefront-ui .foot--refresh :is(.foot__headline,.sa-foot__h) { color: #f7f9fd; }
body.storefront-ui .foot--refresh .sa-foot__group>a { color: #c5d2e3; }
body.storefront-ui .foot--refresh .sa-foot__group>a:hover { color: #f0d88e; }
body.storefront-ui .foot--refresh .foot__copy { border-top-color: #ffffff20; }

@media (max-width:767px) {
  body.storefront-ui .sa-sub,body.storefront-ui .sa-sub.is-open { background: #172b47; }
  body.storefront-ui .sa-key { border-radius: 13px; }
  body.storefront-ui .sa-key__art { border-radius: 8px; }
}
@media (prefers-reduced-motion:reduce) {
  body.storefront-ui .sa-key { transition: none; }
  body.storefront-ui .sa-key:hover { transform: none; }
}