@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --color1: #f2c94c;
  --shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.64);
}

.font-inter-regular {
  font-weight: 400 !important;
  font-family: "Inter", sans-serif;
}

.font-inter-medium {
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
}

.font-inter-semi {
  font-weight: 600 !important;
  font-family: "Inter", sans-serif;
}

.font-inter-bold {
  font-weight: 700 !important;
  font-family: "Inter", sans-serif;
}

.color1 {
  color: var(--color1) !important;
}

.bg-color1 {
  background-color: var(--color1) !important;
}

.bg-shadow {
  box-shadow: var(--shadow) !important;
}

.color-text-p {
  color: rgba(255, 255, 255, 0.6);
}