/* @import url("https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Caladea:ital,wght@0,400;0,700;1,400;1,700&display=swap"); */

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

:root {
  --background: #ffffff;
  --foreground: #171717;
}

/* Define font-face for Font1 */
@font-face {
  font-family: "Cocon";
  src: url("/fonts/CoconRegularFont.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Define font-face for Font1 */
@font-face {
  font-family: "MyriadPro-Regular";
  src: url("/fonts/MyriadPro-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Define font-face for Font1 */
@font-face {
  font-family: "MyriadPro-It";
  src: url("/fonts/MyriadPro-It.otf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

h1,h2,h3,h4,h5 {
  @apply font-Cocon;
  text-transform: capitalize;
}

body {
  color: var(--foreground);
  background: var(--background);
  @apply font-MyriadPro;
}

html {
  scroll-behavior: smooth;
}