@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";

:root {
  --bulma-primary-h: 208deg;
  --bulma-primary-l: 54%;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

.file-item {
  padding: 0.75rem;
  cursor: pointer;
  margin: 0.5rem 0;
  border-radius: 0.25rem;
  font-size: 0.95rem;
  background-color: #f5f5f5;
  border-left: 3px solid transparent;
  transition: all 0.2s;
}

.file-item:hover {
  background-color: #eeeeee;
  border-left-color: hsl(
    var(--bulma-link-h),
    var(--bulma-link-s),
    var(--bulma-link-l)
  );
}

.file-item.dir {
  font-weight: 600;
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l));
}

code {
  font-size: 0.85em;
}