:root {
  --color-primary: #b22222;

  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.text-primary {
  color: var(--color-primary);
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-primary-100 {
  background-color: #f5e6e6;
}

.bg-primary-light {
  background-color: #ffffff44;
}

.border-primary-light {
  border-color: #ff8b8b59;
}

.z-1 {
  z-index: 1;
}

.-z-1 {
  z-index: -1;
}

.border-3 {
  border-width: 3px;
}

.max-w-20 {
  max-width: 5rem;
}

.bg-linear-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}