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

@font-face {
  font-family: "HelveticaNeueW23forSKY";
  src: url("/fonts/HelveticaNeueW23forSKY/HelveticaNeueW23forSKY-Reg.woff2")
      format("woff2"),
    url("/fonts/HelveticaNeueW23forSKY/HelveticaNeueW23forSKY-Reg.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueW23forSKY";
  src: url("/fonts/HelveticaNeueW23forSKY/HelveticaNeueW23forSKY-Bd.woff2")
      format("woff2"),
    url("/fonts/HelveticaNeueW23forSKY/HelveticaNeueW23forSKY-Bd.woff")
      format("woff");
  font-weight: bold;
  font-style: normal;
}

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

:root {
  --color-primary: #ff355e;
  --font-family-primary: "HelveticaNeueW23forSKY","DM Sans", sans-serif;
  --font-family-secondary: "HelveticaNeueW23forSKY","DM Sans", sans-serif;
  --font-family-tertiary: "HelveticaNeueW23forSKY","DM Sans", sans-serif;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff355e;
  --bs-btn-border-color: #ff355e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e4264c;
  --bs-btn-hover-border-color: #ff355e;
  --bs-btn-focus-shadow-rgb: 54, 134, 116;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d33a59;
  --bs-btn-active-border-color: #d33a59;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e34e6c;
  --bs-btn-disabled-border-color: #c0425c;
}

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

.uc-link {
  color: var(--main-color);
}

.bg-primary,
.bg-primary-focus:focus,
.bg-primary-hover:hover,
.focus\:bg-primary:focus,
.hover\:bg-primary:hover {
  background-color: var(--main-color) !important;
}

.btn {
  background-color: var(--main-color) !important;
}

.bg-secondary,
.bg-secondary-focus:focus,
.bg-secondary-hover:hover,
.focus\:bg-secondary:focus,
.hover\:bg-secondary:hover {
  --bs-bg-opacity: 1;
  background-color: #fff8f2 !important;
}

/* .bg-primary-100, .bg-primary-100-focus:focus, .bg-primary-100-hover:hover, .focus\:bg-primary-100:focus, .hover\:bg-primary-100:hover {
  background-color: var(--main-color) !important;
} */

.bg-primary-600,
.bg-primary-600-focus:focus,
.bg-primary-600-hover:hover,
.focus\:bg-primary-600:focus,
.hover\:bg-primary-600:hover {
  background-color: var(--main-color) !important;
}

.uc-logo a {
  width: unset !important;
}

.uc-logo img {
  height: 1.75rem;
  width: 100%;
}

.btn-alt-primary {
  background: #fff !important;
  color: var(--main-color) !important;
}