:root {
  --midas-primary: #1e40af;
  --midas-accent: #2563eb;
  --midas-surface: #f8fafc;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--midas-surface);
}
.nav-pill {
  background: linear-gradient(135deg, rgba(30, 64, 175, 0.08), rgba(37, 99, 235, 0.06));
}
.section-bg {
  background-image: url("../img/derivative_FirstSectionBG.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-gradient {
  background: linear-gradient(
    165deg,
    rgba(248, 250, 252, 0.97) 0%,
    rgba(248, 250, 252, 0.88) 40%,
    rgba(37, 99, 235, 0.12) 100%
  );
}
.card-prose img {
  transition: transform 0.35s ease;
}
.card-prose:hover img {
  transform: scale(1.02);
}