body {
    font-family: 'Inter', sans-serif;
    background: #EFEFEF;
}

h1, h2, .mono {
    /*font-family: 'Rubik Mono One', monospace;*/
    font-family: 'Inter', sans-serif;
    letter-spacing: .02em;
}

h3, h4 {
    font-family: 'Inter', sans-serif;
    letter-spacing: .02em;
}

img {
    -webkit-user-drag: none;
}


.badge {
    @apply border text-xs px-2 py-0.5 rounded-full bg-gray-50 hover:bg-gray-100 cursor-pointer transition;
}

.tag {
    @apply inline-block text-xs px-3 py-0.5 rounded-full bg-gray-100 text-gray-700 mr-1 mb-1;
}

.btn-shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}

.btn-shadow:hover {
  box-shadow: none;
}

textarea {
    resize: none;
}

input[type=file] {
    display: none;
}

.bg-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(226 132 31 / var(--tw-bg-opacity, 1));
}

.text-brand {
    --tw-text-opacity: 1;
    color: rgb(226 132 31 / var(--tw-text-opacity, 1));
}

#cropModal .cropper-view-box,
#cropModal .cropper-face {
  border-radius: 9999px;
}

@media (min-width: 1024px) {
    .lg\:border-brand\/50 {
        border-color: rgb(226 132 31 / 0.5);
    }
}