@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap");
@import "tailwindcss";

@theme {
  --font-sans: "Roboto", ui-sans-serif, system-ui, sans-serif;
}

/* Admin event ordering */
tbody[data-controller~="event-order"] tr.draggable-source--is-dragging {
  opacity: 0.3;
}

tbody[data-controller~="event-order"] tr.event-order-drop-target > td {
  box-shadow: inset 0 3px 0 #ee7203;
}

tr.draggable-mirror {
  display: table;
  background: white;
  box-shadow: 0 14px 30px rgb(22 25 34 / 18%);
  opacity: 0.96;
}

tr.draggable-mirror > td {
  background: #fffaf6;
  border-top: 1px solid #ee7203;
  border-bottom: 1px solid #ee7203;
}