/* assets/css/custom.css */
:root{
  --rk-primary:#0ea5e9;
  --rk-dark:#0b1220;
}body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial;
  background: linear-gradient(180deg, #87CEFA 0%, #ffffff 80%); /* biru langit ke putih */
  color: #111; /* teks hitam/gelap */
}

.navbar {
  background: linear-gradient(90deg, #00BFFF, #1E90FF); /* biru langit ke biru tua */
}

.card {
  background: #ffffff;
  border: 1px solid #dbeafe;
  border-radius: 1rem;
  box-shadow: 0 5px 20px rgba(0,0,0,.1);
  color: #111;
}

.card .card-header {
  background: #f0f9ff;
  border-bottom: 1px solid #dbeafe;
  font-weight: 600;
  color: #0f172a;
}

.btn-primary {
  background: linear-gradient(135deg, #38bdf8, #0ea5e9);
  border: none;
  color: #fff;
}

.table {
  color: #111;
}
.table thead {
  background: #e0f2fe;
  color: #0f172a;
}



a { color:#7dd3fc; }
.footer-note{ opacity:.7; font-size:.9rem }
.badge-soft{
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#e5e7eb;
}
.hero {
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: radial-gradient(1200px 400px at 50% -10%, rgba(34,211,238,.15), rgba(34,211,238,0) 60%), rgba(255,255,255,0.04);
}