body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background-color: #ffffff;
  color: #0f172a;
}

html.dark body {
  background-color: #0b1220;
  color: #e2e8f0;
}

/* Subtle Grid (optional) */
.grid-pattern {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(15, 23, 42, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
}

html.dark .grid-pattern {
  background-image:
    linear-gradient(to right, rgba(226, 232, 240, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(226, 232, 240, 0.06) 1px, transparent 1px);
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}