/* Star Fond DEV2 — same shop, DA brought closer to Vision Rebel DEV2
   (bone / ink / Archivo / Inter, tighter corners). Star Fond identity stays. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Inter:wght@400;500;600;700&display=swap");

html.shop-storefront {
  --bone: #f2efe9;
  --paper: #ffffff;
  --sand: #e7e2da;
  --concrete: #a39a91;
  --ink: #0c0c0d;
  --ink-2: #232325;
  --muted: #6b6762;
  --line: rgba(12, 12, 13, 0.12);
  --red: #c41e3a;
  --shop-ink: #0c0c0d;
  --shop-navy: #0c0c0d;
  --shop-line: rgba(12, 12, 13, 0.12);
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
}

html.shop-storefront,
html.shop-storefront body {
  background: var(--bone);
  color: var(--ink);
  font-family: var(--font-body);
}

html.shop-storefront h1,
html.shop-storefront h2,
html.shop-storefront h3,
html.shop-storefront .boutique-hero h1,
html.shop-storefront .shop-toolbar h2 {
  font-family: var(--font-display);
  font-stretch: 112%;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

html.shop-storefront .page.page-shop,
html.shop-storefront .shop-main {
  background: var(--bone);
}

html.shop-storefront .boutique-hero {
  background: #2a2724;
}

html.shop-storefront .product-card,
html.shop-storefront .liquid-card,
html.shop-storefront .shop-card {
  border-radius: 10px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px -12px rgba(12, 12, 13, 0.18);
}

html.shop-storefront .product-card img,
html.shop-storefront .shop-card img {
  background: var(--concrete);
}

html.shop-storefront .btn,
html.shop-storefront .btn-primary,
html.shop-storefront .liquid-btn {
  border-radius: 4px;
  font-family: var(--font-display);
  font-stretch: 125%;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

html.shop-storefront .site-footer {
  background: var(--ink);
  color: var(--bone);
}

html.shop-storefront .mini-dock-panel {
  background: rgba(242, 239, 233, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.7);
}