:root{
  /* Brand palette (mirip contoh) */
  --brand: #D6A11D;          /* gold */
  --brand-dark: #B8860B;     /* gold lebih gelap */
  --soft: #f6f7fb;
  --text: #0f172a;

  /* Override Bootstrap primary */
  --bs-primary: var(--brand);
  --bs-primary-rgb: 214, 161, 29;

  /* Bagus buat emphasis/subtle */
  --bs-primary-text-emphasis: #8a6408;
  --bs-primary-bg-subtle: #fff7df;
  --bs-primary-border-subtle: #ffe2a3;

  /* Link & focus ring */
  --bs-link-color: var(--brand);
  --bs-link-hover-color: var(--brand-dark);
  --bs-focus-ring-color: rgba(214, 161, 29, .25);
}

body{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background: var(--soft);
}

.bg-soft{ background: var(--soft); }

.header-glass{
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
}

.brand-logo{
  width: 65px;
  height: auto;
  border-radius: 12px;
  background: #fff;
  padding: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

.shadow-soft{
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.section-badge{
  width:34px;
  height:34px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  color: #6b4e07;
  background: var(--bs-primary-bg-subtle);
  border: 1px solid var(--bs-primary-border-subtle);
}

.dropzone{
  border: 2px dashed rgba(15,23,42,.20);
  background: rgba(255,255,255,.85);
  border-radius: 18px;
  padding: 20px;
  transition: .2s ease;
}

.dropzone.is-dragover{
  border-color: rgba(214,161,29,.85);
  background: rgba(214,161,29,.06);
}

.form-control, .form-select{
  border-radius: 14px;
}

.btn{
  border-radius: 14px;
}

/* bikin tombol primary lebih “premium” */
.btn-primary{
  box-shadow: 0 10px 25px rgba(214,161,29,.25);
}
.btn-primary:hover{
  filter: brightness(.98);
}



/* FORCE Bootstrap primary jadi gold (ngalahin style.css lama) */
.btn-primary{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-outline-primary{
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-outline-primary:hover{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #111 !important;
}

/* Biar form lebih lebar di desktop */
main.container{
  max-width: 980px;
}

/* Headline sedikit lebih tegas */
h1.display-6{
  letter-spacing: -0.02em;
}

/* Dropzone lebih “bernafas” */
.dropzone{
  padding: 28px;
}