/* =========================================================
   ShopNow4 (shopnow4.com): loaded after store.css and retail.css (see src/lib/brandKit.ts).
   A plain, bold retail look: black type on white, one strong red for actions and sale prices.
   --purple/--lime/--coral still come from the theme settings (main colour black).
   ========================================================= */
:root{
  --purple-2:#2b2b2b; --ink:#111111;
  --paper:#f5f5f5; --lilac:#f5f5f5; --lilac-bd:#e6e6e6; --line:#e6e6e6; --line-2:#cfcfcf;
  --muted:#5f5f5f; --muted-lt:#bdbdbd;
  --sale:#D7001D; --red:#D7001D; --red-2:#B30018;
  --radius:10px; --radius-sm:8px;
  --shadow:0 10px 26px rgba(0,0,0,.10);
  --shadow-sm:0 2px 8px rgba(0,0,0,.06);
  --font-display:"Archivo", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
:focus-visible{ outline-color:rgba(17,17,17,.5); }

/* word mark: the red bag + ShopNow4 */
.brand{ gap:9px; font-weight:900; font-size:23px; letter-spacing:-.04em; color:var(--ink); }
.brand-mark{ width:34px; height:34px; flex:0 0 34px; }
.brand-name{ white-space:nowrap; }

/* actions in red, square-ish buttons */
.btn{ border-radius:8px; font-weight:700; }
.btn-lime{ background:var(--red); color:#fff; }
.btn-lime:hover{ background:var(--red-2); }
.btn-outline{ border-color:var(--ink); color:var(--ink); }
.text-link{ color:var(--ink); }
.pill.active{ background:var(--ink); border-color:var(--ink); color:#fff; }
.tabbar .tab.on{ color:var(--red); }
.kicker{ color:var(--red); }

/* footer: black with neutral greys (store.css's are lilac) */
.foot{ color:#c4c4c4; }
.foot a{ color:#cfcfcf; }
.foot .fine{ color:#9e9e9e; }