/* Base, reset, and utility styles for the project. */

/* Reset and base styles */

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: var(--color-body-bg);
  font-family: var(--font-primary);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-light);
  overflow: auto;
  transition: all var(--transition-speed) ease;
}


/* Scrollbar styles */
.sidebar-content::-webkit-scrollbar {
  width: 10px;
}
.sidebar-content::-webkit-scrollbar-track {
  background: var(--color-scrollbar-track);
  border-radius: 6px;
}
.sidebar-content::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 6px;
  box-shadow: 0 0 6px var(--color-primary);
}
.sidebar-content::-webkit-scrollbar-thumb:hover {
  background: #00b3c6;
}

/* Utility classes (if any, e.g. for spacing, text, etc.) can be added here */

/* Example utility: visually-hidden */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}