/* =====================================================================
   Tema & palet warna aplikasi.
   Ubah nilai warna di sini untuk menyesuaikan identitas acara Anda.
   Cukup ganti di satu tempat ini, seluruh aplikasi ikut berubah.
   ===================================================================== */

:root {
  --warna-utama: #1C4A2A;       /* hijau tua — warna utama logo Galatama */
  --warna-utama-gelap: #133A20; /* untuk hover */
  --warna-aksen: #C8960C;       /* emas — warna tali & tulisan logo */
  --warna-sukses: #16a34a;      /* tombol simpan/berhasil */
  --warna-bahaya: #dc2626;      /* tombol kunci/hapus/peringatan */
  --warna-teks: #1f2937;
  --warna-latar: #F5F5F0;       /* latar halaman — sedikit hangat selaras krem logo */

  /* Menimpa variabel bawaan Bootstrap agar selaras dengan tema */
  --bs-primary: var(--warna-utama);
  --bs-primary-rgb: 28, 74, 42;
}

body {
  background-color: var(--warna-latar);
  color: var(--warna-teks);
}

/* Navbar memakai warna utama */
.navbar-merek {
  background-color: var(--warna-utama) !important;
}
.navbar-merek .navbar-brand,
.navbar-merek .nav-link {
  color: #fff !important;
}
.navbar-merek .navbar-brand img {
  height: 55px;
  width: auto;
}

/* Tombol primer mengikuti warna utama */
.btn-primary {
  --bs-btn-bg: var(--warna-utama);
  --bs-btn-border-color: var(--warna-utama);
  --bs-btn-hover-bg: var(--warna-utama-gelap);
  --bs-btn-hover-border-color: var(--warna-utama-gelap);
}

/* Kartu konten dengan sudut lembut */
.kartu {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}