:root {
  --midnight: #0a2540;
  --mint: #2dd4bf;
  --coral: #ff6b6b;
  --saffron: #f4b400;
  --cloud: #f5f7fb;
  --ink-600: #334155;
}

html,
body {
  font-family: Manrope, "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  color: var(--midnight);
  background: #fff;
}
.font-serif {
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
}
.fw-extrabold {
  font-weight: 800;
}
.opacity-90 {
  opacity: 0.9;
}
a {
  text-decoration: none;
}

.text-gradient {
  background: linear-gradient(90deg, var(--mint), var(--saffron), var(--coral));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-solar {
  background: radial-gradient(
      1200px 600px at 12% 8%,
      rgba(45, 212, 191, 0.28),
      transparent 60%
    ),
    linear-gradient(135deg, #07192b, #113b6b);
  color: #fff;
}
.py-lg-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.bg-cloud {
  background: var(--cloud);
}
.soft-card {
  background: #fff;
  border: 1px solid rgba(10, 37, 64, 0.08);
}

.step {
  position: relative;
}
.step .step-num {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--coral);
  color: #fff;
  border-radius: 999px;
  font-weight: 700;
}

.btn-mint {
  background: var(--mint);
  color: #0b0b0b;
}
.btn-mint:hover {
  opacity: 0.9;
}
.btn-saffron {
  background: var(--saffron);
  color: #1a1a1a;
}
.btn-saffron:hover {
  opacity: 0.9;
}
.btn-outline-coral {
  border-color: var(--coral);
  color: var(--coral);
}
.btn-outline-coral:hover {
  background: var(--coral);
  color: #fff;
}
.btn-outline-mint {
  border-color: var(--mint);
  color: var(--mint);
}
.btn-outline-mint:hover {
  background: var(--mint);
  color: #0b0b0b;
}
.btn-outline-saffron {
  border-color: var(--saffron);
  color: var(--saffron);
}
.btn-outline-saffron:hover {
  background: var(--saffron);
  color: #1a1a1a;
}
.border-saffron {
  border-color: var(--saffron) !important;
}

.text-midnight {
  color: var(--midnight);
}
.text-mint {
  color: var(--mint);
}
.text-coral {
  color: var(--coral);
}
.text-saffron {
  color: var(--saffron);
}

.bg-mint-subtle {
  background: rgba(45, 212, 191, 0.12);
}
.bg-saffron-subtle {
  background: rgba(244, 180, 0, 0.16);
}
.bg-coral-subtle {
  background: rgba(255, 107, 107, 0.14);
}

/* Nav active */
.navbar .nav-link.active {
  font-weight: 600;
  color: var(--mint) !important;
}
.navbar .nav-link:hover {
  color: var(--mint);
}

/* Pricing */
.pricing-card.highlight {
  transform: translateY(-4px);
}