:root {
  /* Color palette: dark → hot → pastel pink */
  --dark: #2d033b;       /* dark violet */
  --hot: #ff2e63;        /* hot pink */
  --pastel-pink: #ffdde2;/* soft pastel pink */
  --light: #ffffff;
  --shadow: rgba(0, 0, 0, 0.15);
}

/* ===== Global ===== */
body {
  font-family: 'Poppins', sans-serif;
  color: var(--dark);
  background-color: var(--light);
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--dark);
}

.btn-hot {
  background: var(--hot);
  color: var(--light);
  border: none;
}
.btn-hot:hover {
  background: #e92659;
  color: var(--light);
}

.btn-outline-hot {
  border: 2px solid var(--hot);
  color: var(--hot);
}
.btn-outline-hot:hover {
  background: var(--hot);
  color: var(--light);
}

.bg-gradient-primary {
  background: linear-gradient(45deg, var(--dark) 0%, var(--hot) 100%);
}

.bg-pastel {
  background: var(--pastel-pink);
}

/* ===== Hero Section ===== */
.hero {
  height: 360px;
  background: linear-gradient(rgba(45,3,59,0.6), rgba(255,46,99,0.5)),
              url('../gambar/Pesawat.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
  text-align: center;
  color: var(--light);
}

/* ===== Card Hover Effect ===== */
.card-hover {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px var(--shadow);
}

/* ===== Navbar ===== */
.navbar .nav-link {
  font-weight: 500;
  transition: opacity .2s;
}
.navbar .nav-link:hover {
  opacity: .8;
}

/* ===== Footer ===== */
footer {
  background: var(--dark);
}