:root {
  --primary: #5c1f3a;        /* maroon tua elegan */
  --primary-dark: #3d1327;    /* maroon lebih gelap */
  --navy: #1b2a4a;            /* navy dari logo UNIBA */
  --gold: #c9a227;            /* emas */
  --gold-light: #e8c766;
  --teal: #2f7d6b;            /* aksen teal dari logo Kab. Pandeglang */
  --cream: #faf7f2;           /* background lembut */
  --ink: #241a20;
}
* { box-sizing: border-box; }
body { background:var(--cream); font-family:'Segoe UI',Arial,sans-serif; color:var(--ink); }

/* ===== Navbar ===== */
.navbar { background: linear-gradient(90deg, var(--primary-dark), var(--primary) 55%, var(--navy)); box-shadow:0 2px 10px rgba(0,0,0,.15); padding-top:.6rem; padding-bottom:.6rem; }
.navbar-brand, .nav-link { color:#f7ecd9 !important; }
.nav-link:hover { color: var(--gold-light) !important; }
.brand-logos { display:flex; align-items:center; gap:10px; }
.brand-logos img { height:42px; width:auto; background:#fff; border-radius:6px; padding:3px; box-shadow:0 1px 4px rgba(0,0,0,.25); }
.brand-text { line-height:1.15; }
.brand-text small { display:block; font-size:.7rem; color:var(--gold-light); font-weight:400; letter-spacing:.03em; }

/* ===== Hero ===== */
.hero { background: linear-gradient(135deg, var(--primary-dark), var(--primary) 60%, var(--navy)); color:#fdf6e8; padding:80px 0; position:relative; overflow:hidden; }
.hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 20%, rgba(201,162,39,.18), transparent 55%); }
.hero h1 { font-weight:700; letter-spacing:.01em; }
.hero .lead { color:#eaddc4; }
.hero .btn-accent { background: linear-gradient(135deg, var(--gold), #a97e1c); border:none; color:#2a1c05; font-weight:700; }
.hero .btn-accent:hover { filter:brightness(1.08); color:#1a1103; }
.hero .btn-outline-light:hover { background:#fff; color:var(--primary-dark); }

/* ===== Cards / layanan ===== */
.card-layanan { border:none; border-radius:16px; box-shadow:0 6px 18px rgba(60,20,40,.08); transition:.2s; height:100%; background:#fff; }
.card-layanan:hover { transform:translateY(-4px); box-shadow:0 12px 26px rgba(60,20,40,.14); }
.card-layanan .icon { width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f3e6cf,#f7f0df);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px; }

.section-title { font-weight:700; color:var(--primary-dark); }
.section-title::after { content:""; display:block; width:56px; height:3px; background:var(--gold); margin-top:8px; border-radius:2px; }
.section-title.text-center::after { margin-left:auto; margin-right:auto; }

/* ===== Footer ===== */
.footer { background: linear-gradient(180deg, var(--navy), #101a30); color:#d8dfec; }
.footer p { color:#c9d2e2; }
.footer .footer-logos img { height:46px; background:#fff; border-radius:6px; padding:4px; margin:0 6px 10px; }
.footer a.credit { color:var(--gold-light); text-decoration:none; }
.footer a.credit:hover { text-decoration:underline; }

.btn-primary { background:var(--primary); border-color:var(--primary); }
.btn-primary:hover { background:var(--primary-dark); border-color:var(--primary-dark); }
.btn-outline-primary { color:var(--primary); border-color:var(--primary); }
.btn-outline-primary:hover { background:var(--primary); border-color:var(--primary); }
.btn-success { background:var(--teal); border-color:var(--teal); }
.btn-success:hover { background:#245f52; border-color:#245f52; }

.form-control:focus, .form-select:focus { border-color:var(--primary); box-shadow:0 0 0 .2rem rgba(92,31,58,.14); }

.status-box { border-left:5px solid var(--gold); background:#fff; border-radius:12px; }
.badge.bg-secondary { background-color:#6b6470 !important; }
.badge.bg-warning { background-color:var(--gold) !important; }
.badge.bg-success { background-color:var(--teal) !important; }

/* ===== Admin layout ===== */
.admin-sidebar { min-height:100vh; background:linear-gradient(180deg, var(--primary-dark), var(--navy)); color:#fff; }
.admin-sidebar a { color:#e7d9c6; display:block; padding:10px 18px; text-decoration:none; border-radius:8px; }
.admin-sidebar a:hover, .admin-sidebar a.active { background:rgba(201,162,39,.18); color:var(--gold-light); }
.admin-sidebar .sidebar-brand { display:flex; align-items:center; gap:10px; }
.admin-sidebar .sidebar-brand img { height:34px; background:#fff; border-radius:5px; padding:2px; }
.admin-topbar { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.stat-card { border:none; border-radius:16px; color:#fff; }
.stat-card.bg1 { background:linear-gradient(135deg,var(--primary-dark),var(--primary)); }
.stat-card.bg2 { background:linear-gradient(135deg,#a97e1c,var(--gold)); }
.stat-card.bg3 { background:linear-gradient(135deg,var(--teal),#245f52); }
.stat-card.bg4 { background:linear-gradient(135deg,var(--navy),#2c3f68); }

@media print {
  .no-print { display:none !important; }
  body { background:#fff; }
}