body {
  background:
    radial-gradient(circle at 10% 0%, rgba(251, 207, 232, .42), transparent 26rem),
    radial-gradient(circle at 90% 4%, rgba(254, 215, 170, .35), transparent 24rem),
    #fff7f3;
  color: #3f2a2f;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.site-header {
  background: linear-gradient(135deg, #fb7185, #f97316);
  border-radius: 0 0 36px 36px;
}

.hero,
.area-description,
.search-box,
.link-panel,
.content-section,
.post-form,
.post-card,
.area-stats,
.pr-ranking {
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(251, 113, 133, .16);
  border-radius: 30px;
  box-shadow: 0 12px 34px rgba(190, 24, 93, .08);
}

.page-title,
.hero h1 {
  color: #9f1239;
}

.area-link-grid a,
.post-card__meta span,
.pr-card__badges span,
.pagination a,
.pagination span {
  background: #fff1f2;
  color: #9f1239;
}

.post-card__cta,
.submit-button,
button,
.pr-card__button {
  background: #fb7185;
  color: #fff;
}

input,
select,
textarea {
  background: #fff;
  border-color: #fecdd3;
  border-radius: 18px;
}

.site-footer {
  background: #9f1239;
}