:root {
  --ui-primary: #00a762;
  --ui-color-four: #4be8ae;
  --ui-container-wide: 1200px;
  --ui-color-one: #444;
  --ui-color-three: #626b84;
  --ui-color-two: #1b2132;

  --ui-container: 720px; /* library show page*/
  --ui-container-two: 1232px; /* library show page*/
}

@import "tailwindcss";
@import "@nuxt/ui";

/* custom imports */
@import "../../../../../assets/common/scss/_IRANSansX.scss";
@import "../../../../../assets/common/scss/_takrim.scss";

@theme {
  --font-sans: "IRANSansX", "Public Sans", sans-serif;
}

@layer {
}
/* @variant {
  
} */
/* @source  */

/* @import "../../../../../assets/common/scss/customizations/_variables.scss"; */
/* @import "../../../../../assets/common/scss/customizations/_list-variables.scss"; */
/* @import "../../../../../assets/common/scss/customizations/_monir-variables.scss"; */
/* @import "../../../../../assets/common/scss/components/components.scss"; */
/* @import "../../../../../assets/common/scss/plugins/plugins.scss"; */
/* @import "../../../../../assets/common/scss/mixin.scss"; */
/* @import "../../../../../assets/common/scss/placeholder.scss"; */
/* @import "../../../../../assets/common/scss/layouts/layouts.scss"; */
/* @import "../../../../../assets/common/scss/common.scss"; */
/* @import "../../../../../assets/common/scss/responsive/responsive.scss"; */

html {
  height: 100%;
  direction: rtl;
  text-align: right;
  font-family: IRANSansX;

  body {
    height: 100%;
    direction: rtl;
    text-align: right;
    font-family: IRANSansX;
  }
}
.haditha-system {
  height: 100%;
  display: flex;
  flex-direction: column;

  .isolate {
    flex-grow: 1;
  }
}
.firefox-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #ccc #eee;
}