/* Dakar Style — custom styles */

:root {
  --bg-cream: #f8f5ef;
  --gold: #b88a2f;
  --product-bg: #ece5d8;
  --hero-bg: #e8e0d0;
}

html,
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: var(--bg-cream);
  color: #000;
}

/* Lucide icons sizing helper */
.icon {
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
}

.icon-lg {
  width: 22px;
  height: 22px;
  stroke-width: 1.75;
}

/* Smooth product card lift */
.product-card {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.18);
}

/* Add-to-cart button — hover via group */
.group:hover .btn-cart {
  background-color: #000;
  color: #fff;
}

/* Hero placeholder visual — soft texture */
.hero-visual {
  background:
    radial-gradient(circle at 30% 30%, rgba(184, 138, 47, 0.15), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(0, 0, 0, 0.08), transparent 60%),
    var(--hero-bg);
}

/* Product placeholder */
.product-visual {
  background:
    radial-gradient(circle at 50% 40%, rgba(184, 138, 47, 0.1), transparent 70%),
    var(--product-bg);
}

/* Subtle backdrop on header */
.header-blur {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}