p {
    line-height: 8px;
}
/* Dark professional body (paste ke file CSS Anda) */
:root{
  --bg-top: #0b1220;      /* gelap biru-kehitaman */
  --bg-bottom: #061021;   /* sedikit lebih gelap di bawah */
  --accent-text: #e6eef8; /* teks utama */
  --muted-text:  #9fb0c8; /* teks sekunder */
  --glass-alpha: rgba(255,255,255,0.03);
  --transition-fast: 250ms;
  --transition-smooth: 600ms;
}

/* Reduced motion respect */
@media (prefers-reduced-motion: reduce){
  :root { --transition-fast: 0ms; --transition-smooth: 0ms; }
}

/* Body saja — layout dasar, background gradien, transisi */
body{
  margin: 0;
  min-height: 100vh;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--accent-text);
  background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);
  /* halusnya transisi saat background / teks berubah (mis. toggle theme) */
  transition:
    background var(--transition-smooth) cubic-bezier(.2,.9,.3,1),
    color var(--transition-fast) ease;
  /* opsional: sedikit tekstur / efek glass di atas background */
  background-attachment: fixed;
  display: block;
  /* kenyamanan pembacaan */
  line-height: 1.6;
}

/* Optional: subtle overlay (glass) to give depth — applied to body pseudo */
body::after{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(0,0,0,0.06));
  transition: opacity var(--transition-smooth) ease;
  opacity: 1;
}

/* Optional: kalau mau toggle ke tema terang dengan transisi */
body.theme-light{
  --bg-top: #f7fafc;
  --bg-bottom: #eef3f7;
  --accent-text: #0b1220;
  --muted-text:  #475569;
  --glass-alpha: rgba(0,0,0,0.03);
}

/* Contoh kecil: link / teks sekunder */
a, .muted { color: var(--accent-text); }
small, .hint { color: var(--muted-text); font-size: .92rem; }