/*
 * Tema Batuah SIDATUK — lapisan visual original.
 * Dibuat untuk paket SIDATUK Desa Terpadu; tidak memerlukan aktivasi tema eksternal.
 */
:root {
  --primary-base-color: #7c3aed;
  --primary-darken-color: #5b21b6;
  --secondary-base-color: #d97706;
  --secondary-darken-color: #92400e;
  --accent-base-color: #06b6d4;
  --accent-darken-color: #0e7490;
  --batuah-glass: rgba(255,255,255,.78);
  --batuah-border: rgba(124,58,237,.18);
}
body.batuah-theme {
  background:
    radial-gradient(circle at 8% 8%, rgba(124,58,237,.16), transparent 32rem),
    radial-gradient(circle at 92% 10%, rgba(6,182,212,.13), transparent 30rem),
    radial-gradient(circle at 50% 100%, rgba(217,119,6,.10), transparent 34rem),
    #f5f3ff;
  color: #29223d;
}
.batuah-theme header,
.batuah-theme nav,
.batuah-theme .navbar,
.batuah-theme .card,
.batuah-theme .bg-white,
.batuah-theme section > .container > .rounded,
.batuah-theme .shadow,
.batuah-theme .shadow-sm,
.batuah-theme .shadow-md {
  border-color: var(--batuah-border);
}
.batuah-theme .bg-white,
.batuah-theme .card,
.batuah-theme section > .container > .rounded {
  background: var(--batuah-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 12px 34px rgba(76,29,149,.08);
}
.batuah-theme a {
  transition: color .2s ease, transform .2s ease;
}
.batuah-theme a:hover {
  color: #6d28d9;
}
.batuah-theme button,
.batuah-theme .btn {
  border-radius: 12px;
}
.batuah-theme img {
  border-radius: 10px;
}
.batuah-theme table {
  overflow: hidden;
  border-radius: 12px;
}
.batuah-theme input:focus,
.batuah-theme select:focus,
.batuah-theme textarea:focus {
  border-color: rgba(124,58,237,.45) !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,.12) !important;
  outline: none;
}
@media (max-width: 767px) {
  .batuah-theme .container { width: 100%; }
}