: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";
@import "../../../../../assets/common/scss/_vazir.scss";
@import "../../../../../assets/common/scss/_estedad.scss";
@import "../../../../../assets/common/scss/_sahel-single-font-weight.scss";

@theme {
  --font: vazir, sahel, estadad, IRANSansX, "Public Sans", sans-serif;
  --ar-font: Takrim;
  --breakpoint-sm: 360px;
  --breakpoint-md: 720px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --breakpoint-3xl: 1900px;
}

@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: var(--font);
  scroll-behavior: smooth;

  body {
    height: 100%;
    direction: rtl;
    text-align: right;
    font-family: var(--font);
    scroll-behavior: smooth;

    padding: 0 !important;
    margin: 0px !important;
    overflow: auto !important;
  }
}
.haditha-system,
.hadith-system {
  height: 100%;
  display: flex;
  flex-direction: column;

  .isolate {
    flex-grow: 1;
  }

  .text__orange {
    padding: 0 3px;
    background-color: rgb(255, 250, 155);
    /* background-color: rgb(255, 223, 203); */
  }
  /* .iconify  { */
    /* width: 1.72em; */
    /* height: 1.72em; */
  /* } */
}

.firefox-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #ccc #eee;
}

@import "./responsive/responsive.css";
