@import "react_crop";

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

@layer base {
  @font-face {
    font-family: "Inter";
    src: url(/fonts/Inter/Inter.ttf);
  }

  @font-face {
    font-family: "Montserrat";
    src: url(/fonts/Montserrat/Montserrat.ttf);
  }

  @font-face {
    font-family: "Tinos";
    font-weight: 400;
    src: url(/fonts/Tinos/Tinos-Regular.ttf);
  }

  @font-face {
    font-family: "Tinos-Bold";
    font-weight: 700;
    src: url(/fonts/Tinos/Tinos-Bold.ttf);
  }
}

/* Tiptap task list */
.prose ul[data-type="taskList"] {
  list-style: none;
  padding-left: 0;
}
.prose ul[data-type="taskList"] li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prose ul[data-type="taskList"] li > label {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
}
.prose ul[data-type="taskList"] li > label input[type="checkbox"] {
  margin: 0;
}
.prose ul[data-type="taskList"] li > div {
  flex: 1;
  margin: 0;
}

/* Tiptap links */
.prose a {
  color: #2563eb;
  text-decoration: underline;
}