/* Baby Discount Shop — "nursery soft": warm off-white canvas, mint and peach
   accents, rounded friendly type and pill shapes. Calm, not saccharine. */
:root {
  --bg: #fbfaf7; --fg: #2f3a36; --card: #ffffff; --surface: #ffffff;
  --secondary: #f1f7f4; --muted-fg: #6c7a74;
  --primary: #3f8f7a; --primary-fg: #ffffff; --accent: #e08a6d; --accent-soft: #eef7f3;
  --border: #e2ece7; --danger: #d9694f; --star: #e0a24f;
  --radius: 22px; --radius-sm: 14px; --radius-lg: 30px;
  --serif: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;
}
body { background: var(--bg); color: var(--fg); font-family: "Nunito", var(--sans); }
h1, h2, h3 { font-family: "Nunito", var(--sans); font-weight: 800; letter-spacing: -.01em; }
h1 { font-size: clamp(2.1rem, 4.6vw, 3rem); }
.hero { background: radial-gradient(880px 360px at 10% -10%, #eef7f3 0%, transparent 62%); border-bottom: 1px solid var(--border); }
.hero .kicker { background: #eef7f3; color: #2f7a67; letter-spacing: .1em; }
.hero .lede { color: #4b5b55; }
.btn { background: var(--primary); color: #fff; border: 0; border-radius: 999px;
  box-shadow: 0 6px 16px rgba(63,143,122,.22); font-weight: 700; }
.btn:hover { box-shadow: 0 10px 22px rgba(63,143,122,.3); transform: translateY(-1px); }
.btn.ghost { background: #fff; color: var(--primary); border: 1.5px solid var(--border); box-shadow: none; }
.pcard .btn.small.wide { background: var(--primary); color: #fff; border-radius: 999px; }
header.site { background: rgba(251,250,247,.92); border-bottom: 1px solid var(--border); }
nav.main a { font-weight: 700; color: #47554f; }
nav.main a:hover, nav.main a[aria-current="page"] { background: #eef7f3; color: #2f7a67; }
.topbar { background: #3f8f7a; color: #fff; }
.logo .mark { background: #eef7f3; color: #3f8f7a; border-radius: 999px; }
.logo { font-weight: 800; }
.catcard, .postcard, .pcard, .deal, .tool { background: var(--card); border-color: var(--border);
  border-radius: var(--radius); box-shadow: 0 2px 10px rgba(47,58,54,.05); }
.pcard .price { color: #2f7a67; font-size: 1.25rem; font-weight: 800; }
.catcard .ico { background: #eef7f3; color: #3f8f7a; border-radius: 999px; }
.chip { background: #fdeee7; color: #c4643f; }
section.tint { background: #f4f9f6; }
footer.site { background: #2f3a36; color: #cfd9d4; }
footer.site h4 { color: #fff; }
footer.site a { color: #ffffff; }
.searchbox { background: #fff; border-color: var(--border); }
.answer, .callout.info { background: #eef7f3; border-color: #d5e8e0; }
.answer strong, .callout.info > strong { color: #2f7a67; }
.prose table th { background: #f1f7f4; }
details.faq { background: #fff; border-color: var(--border); }
