@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.5;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.light body {
  background-color: rgb(244 244 245);
  color: rgb(24 24 27);
}

/* Light theme overrides for existing zinc-based utility classes in pages/cards/forms. */
.light .border-zinc-800 {
  border-color: rgb(212 212 216);
}

.light .border-zinc-700 {
  border-color: rgb(161 161 170);
}

.light .bg-zinc-900\/20,
.light .bg-zinc-900\/30 {
  background-color: rgb(255 255 255 / 0.82);
}

.light .bg-zinc-950 {
  background-color: rgb(255 255 255);
}

.light .bg-zinc-950\/10 {
  background-color: rgb(244 244 245 / 0.72);
}

.light .bg-zinc-950\/30,
.light .bg-zinc-950\/40 {
  background-color: rgb(228 228 231 / 0.78);
}

.light .hover\:bg-zinc-900:hover {
  background-color: rgb(228 228 231);
}

.light .hover\:bg-zinc-950\/30:hover {
  background-color: rgb(228 228 231 / 0.9);
}

.light .text-zinc-100,
.light .text-zinc-200 {
  color: rgb(24 24 27);
}

.light .text-zinc-300,
.light .text-zinc-400 {
  color: rgb(82 82 91);
}

.light .text-zinc-500 {
  color: rgb(113 113 122);
}

.light .from-zinc-950\/80 {
  --tw-gradient-from: rgb(255 255 255 / 0.88) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
