:root{
  --sky-50:#f0f9ff;
  --sky-100:#e0f2fe;
  --sky-200:#bae6fd;
  --sky-500:#0ea5e9;
  --sky-700:#0369a1;
}

body{
  background: linear-gradient(180deg, var(--sky-50), #ffffff);
}

.navbar-sky{
  background: rgba(14,165,233,.10);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(3,105,161,.15);
}

.card-soft{
  border: 1px solid rgba(3,105,161,.12);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(2,132,199,.08);
}

.btn-sky{
  background: var(--sky-500);
  border: none;
}
.btn-sky:hover{ background: var(--sky-700); }

.badge-sky{
  background: rgba(14,165,233,.15);
  color: var(--sky-700);
  border: 1px solid rgba(3,105,161,.18);
}