@import "tailwindcss";

@layer base {
  :root {
    --sidebarcolor: #e6fdfa; /* Custom teal-100/50 solid equivalent */
  }


  body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}

/* Custom sidebar background */
.bg-sidebarcolor {
  background-color: var(--sidebarcolor);
}

.sidebar-link {
  @apply flex items-center px-2 py-1 text-cyan-400 hover:text-cyan-300 hover:bg-slate-700 rounded-lg w-full cursor-pointer;
}

.sidebar-sublink {
  @apply block px-2 py-1 text-sm text-slate-300 hover:text-white hover:bg-slate-700 rounded transition-colors;
}