/* ==========================================================================
   Sistem Informasi Buku Tamu Sekolah - Custom CSS
   ========================================================================== */

* {
  box-sizing: border-box;
}

body {
  font-family:
    "Plus Jakarta Sans",
    system-ui,
    -apple-system,
    sans-serif;
  background-color: var(--color-background);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:
    background-color 0.35s ease,
    color 0.35s ease;
}

/* Kustomisasi Scrollbar Halus */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-muted);
}

/* Transisi Halus Elemen UI */
a,
button,
input,
select,
textarea {
  transition: all 0.2s ease-in-out;
}

/* Efek Fokus Aksesibel */
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px var(--color-primary-soft);
}