:root {
  --cream:#FFF8F0;
  --text:#2B2B2B;
  --muted:#6B6B6B;

  --green:#9BB98F;
  --pink:#E8A6B0;
  --blue:#7D95B8;

  --shadow: rgba(0,0,0,0.08);
}

body {
  background: var(--cream);
  color: var(--text);
  font-family: "Poppins", "Open Sans", sans-serif;
}

a { color: var(--blue); }
a:hover { color: var(--pink); }

.header-top {
  background: white;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.btn-primary {
  background: var(--green);
  border: none;
  border-radius: 14px;
  box-shadow: 0 4px 12px var(--shadow);
}

.btn-primary:hover {
  background: #88a77e;
  transform: translateY(-2px);
}

.product-miniature {
  border-radius: 18px;
  background: white;
  box-shadow: 0 6px 18px var(--shadow);
  transition: 0.3s;
}

.product-miniature:hover {
  transform: translateY(-6px);
}

.current-price {
  color: var(--green);
  font-weight: 700;
}

.footer-container {
  background: #faf6f1;
}