style.css

/* Apply Inter font across the page */
body {
  font-family: "Inter", sans-serif;
}

/* Toggle button style using Tailwind utilities manually */
.toggle-button {
  display: flex;
  flex: 1;
  padding: 0.75rem 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.5rem;
  transition-property: background-color, color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  background-color: #e5e7eb; /* gray-200 */
  color: #374151; /* gray-700 */
}

.toggle-button:hover {
  background-color: #d1d5db; /* gray-300 */
}

.toggle-button input[type="radio"]:checked + span {
  background-color: #2563eb; /* blue-600 */
  color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}