/*================================================================================
   Notes: This file is the main entry point for the SCSS stylesheet.
  ================================================================================*/

/* Import DM Sans font from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");

html,
body {
  height: 100%;
}

#__nuxt {
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: -0.5px; /* Changed from -2px to -0.5px for better readability */
  font-size: 14px;
}

// svg.icon{
//   width: 1.3rem;
//   height: 1.3rem;
//   vertical-align: middle;
//   fill: currentColor;
//   overflow: hidden;
// }

code {
  color: rgb(233, 74, 74);
  background-color: rgba(146, 146, 146, 0.1);
}

// Custom Layout SCSS
@import "./custom/layout/vertical";
@import "./custom/layout/horizontal";

// Transition SCSS
@import "./custom/transition/page";
@import "./custom/transition/fade";
@import "./custom/transition/fade-up";
@import "./custom/transition/slide";
@import "./custom/transition/slide-fade";

// Scrollbar SCSS
@import "./custom/scrollbar/scrollbar";

// Custom SCSS library
@import "./custom/library/dropdown";
@import "./custom/library/nprogress";
@import "./custom/library/formkit";
@import "./custom/library/vuetoastification";
@import "./custom/library/swiper";
@import "./custom/library/fullcalendar";
@import "./custom/library/floatingvue";
@import "./custom/library/vuecountryflag";