/* Base Light Theme Setup */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #0F172A;
  font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif;
}

/* Custom Scrollbar for clean light mode */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: #F8FAFC;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Active Category Filter Button */
.filter-btn.active {
  background-color: #4F46E5;
  color: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(79, 70, 229, 0.2);
}

/* Focus styling */
input:focus, textarea:focus, select:focus {
  outline: 2px solid rgba(79, 70, 229, 0.2);
}