/* ====== Yorukuru — navy theme overrides (loaded last) ====== */
/* Recolors the literal-hex surfaces that CSS variables don't reach,
   shifting the violet/pink base to a navy / indigo palette. */

.hero-bg {
  background:
    radial-gradient(circle at 8% 20%, #c9d4fa55 0%, transparent 35%),
    radial-gradient(circle at 92% 30%, #d3dbf966 0%, transparent 40%),
    radial-gradient(circle at 50% 90%, #cdd6f655 0%, transparent 45%),
    linear-gradient(180deg, #ffffff, #f5f7ff);
}
.hero-scene {
  background: linear-gradient(135deg, #dfe4fb 0%, #e7ecfb 50%, #f1f0e2 100%);
}
.ph-head {
  background: linear-gradient(135deg, #e4e8fb, #d7defa);
}
.ph-avatar {
  background: linear-gradient(135deg, #5566d8, #8fb4ff);
}
.badge-1 .inner {
  background: linear-gradient(135deg, #d3dbf9, #e7ebfc);
}
.stat-card { background: linear-gradient(135deg, #f4f6ff, #fff); }

.feat-icon,
.price-icon,
.q-icon { background: linear-gradient(135deg, #e4e8fb, #d9e1f8); }

.reason-card.featured { background: linear-gradient(180deg, #f3f5ff, #fff); }
.r-visual,
.prob-illust { background: linear-gradient(135deg, #f4f6ff, #eaeffb); }
.solve-after .illust { background: linear-gradient(135deg, #e6eafb, #dde4f9); }
.solve-before .illust { background: linear-gradient(135deg, #eef0f6, #dfe2ee); }
.step-card { background: linear-gradient(180deg, #f4f6ff, #fff); }
.pricing::before { background: radial-gradient(circle, #d9e1f866 0%, transparent 70%); }

.final-cta {
  background: linear-gradient(135deg, #14163a 0%, #232a6e 45%, #3b46c9 100%);
}
.final-cta::before {
  background:
    radial-gradient(circle at 80% 30%, rgba(255,255,255,0.18) 0%, transparent 35%),
    radial-gradient(circle at 20% 70%, rgba(85,102,216,0.35) 0%, transparent 42%);
}