@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

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

:root {
  color: #000000;
  background-color: rgb(252 252 246);
}

html,
body {
  @apply bg-mist text-ink antialiased;
}

body {
  @apply min-h-screen scroll-smooth;
}

a {
  @apply text-brand-600 transition-colors duration-300 hover:text-brand-500;
}

::selection {
  background-color: rgba(90, 107, 240, 0.2);
}