@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import "tailwindcss";

@theme {
  --font-arima: "Arima", "Arima Madurai", "Inter", system-ui, sans-serif;
  --font-averia: "Averia Serif Libre", "Georgia", serif;
  
  --color-brand-blue: #0E67AB;
  --color-brand-beige: #FFF7EB;
  --color-brand-darkblue: #0E67AB;
}

body {
  font-family: var(--font-arima);
  background-color: #FFF7EB;
  color: #000000;
  overflow-x: hidden;
}

/* 3D Card rotation perspective config */
.perspective-1000 {
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.transform-style-3d {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.backface-hidden {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.rotate-y-180 {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

#lightbox-modal{
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  #card-parallax-section{
    display: none;
  }
}