/**
 * Custom CSS
 * Add any custom styles that extend or override TailwindCSS here
 */

/* IRANSans Font Face Declarations */
@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/iransans/IRANSansWeb-FaNum-Black.woff2") format("woff2"),
    url("../fonts/iransans/IRANSansWeb-FaNum-Black.woff") format("woff");
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/iransans/IRANSansWeb-FaNum-Bold.woff2") format("woff2"),
    url("../fonts/iransans/IRANSansWeb-FaNum-Bold.woff") format("woff");
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/iransans/IRANSansWeb-FaNum-Medium.woff2") format("woff2"),
    url("../fonts/iransans/IRANSansWeb-FaNum-Medium.woff") format("woff");
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/iransans/IRANSansWeb-FaNum-Light.woff2") format("woff2"),
    url("../fonts/iransans/IRANSansWeb-FaNum-Light.woff") format("woff");
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/iransans/IRANSansWeb-FaNum-UltraLight.woff2")
      format("woff2"),
    url("../fonts/iransans/IRANSansWeb-FaNum-UltraLight.woff") format("woff");
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/iransans/IRANSansWeb-FaNum.woff2") format("woff2"),
    url("../fonts/iransans/IRANSansWeb-FaNum.woff") format("woff");
}

/* Custom Color Palette */
:root {
  --color-light: #EBF4DD;
  --color-medium: #90AB8B;
  --color-dark: #5A7863;
  --color-darkest: #3B4953;
}

/* Override Tailwind colors with custom palette */
.bg-blue-600,
.bg-primary {
  background-color: #5A7863 !important;
}

.bg-blue-700,
.hover\:bg-blue-700:hover {
  background-color: #3B4953 !important;
}

.bg-blue-50,
.hover\:bg-blue-50:hover {
  background-color: #EBF4DD !important;
}

.bg-blue-100 {
  background-color: #90AB8B !important;
}

.text-blue-600 {
  color: #5A7863 !important;
}

.text-blue-700,
.hover\:text-blue-700:hover {
  color: #3B4953 !important;
}

.border-blue-600 {
  border-color: #5A7863 !important;
}

.border-blue-500 {
  border-color: #5A7863 !important;
}

.focus\:ring-blue-500:focus {
  --tw-ring-color: #5A7863 !important;
}

.focus\:border-blue-500:focus {
  border-color: #5A7863 !important;
}

.bg-gray-50 {
  background-color: #EBF4DD !important;
}

.bg-gray-100,
.hover\:bg-gray-50:hover {
  background-color: #90AB8B !important;
}

.bg-gray-200 {
  background-color: #90AB8B !important;
}

.text-gray-900 {
  color: #3B4953 !important;
}

.text-gray-700 {
  color: #3B4953 !important;
}

.text-gray-600 {
  color: #5A7863 !important;
}

.text-gray-500 {
  color: #90AB8B !important;
}

.text-gray-400 {
  color: #90AB8B !important;
}

.border-gray-300 {
  border-color: #90AB8B !important;
}

.hover\:border-gray-300:hover {
  border-color: #90AB8B !important;
}

.hover\:text-gray-700:hover {
  color: #3B4953 !important;
}

.hover\:text-gray-800:hover {
  color: #3B4953 !important;
}

.text-blue-100 {
  color: #EBF4DD !important;
}