@layer base {
  :root {
    /* Light theme variables */
    --l-primary: #EAEAEA;
    --l-secondary: #DADADA;
    --l-text: #020202;
    
    /* Dark theme variables */
    --b-primary: #18181B;
    --b-secondary: #2A2E37;
    --b-text: #F1F1F1;
  }
  
  .dark {
    /* You can override variables for dark mode if needed */


    /*document.documentElement.style.setProperty('--l-primary', '#newColor');*/
  }
}



@font-face {
  font-family: "Vazir";
  src: url("../font/Vazir-Regular-FD.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gandom";
  src: url("../font/Gandom.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nast";
  src: url("../font/IranNastaliq.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ordibehesht";
  src: url("../font/A Ordibehesht shablon.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Casablanca";
  src: url("../font/Far_Casablanca.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arsoo";
  src: url("../font/FP_Arsoo.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lalezar";
  src: url("../font/Lalezar-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Absan";
  src: url("../font/Mj_Abasan.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Parastoo";
  src: url("../font/Parastoo-FD.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  line-height: 1.5;
  user-select: none;
  font-style: normal;
}

.font-vazir {
  font-family: Vazir, sans-serif !important;
}

.font-gandom {
  font-family: Gandom, sans-serif !important;
}

.font-nast {
  font-family: Nast, sans-serif !important;
}

.font-ordibehesht {
  font-family: Ordibehesht, sans-serif !important;
}

.font-casablanca {
  font-family: Casablanca, sans-serif !important;
}

.font-arsoo {
  font-family: Arsoo, sans-serif !important;
}

.font-lalezar {
  font-family: Lalezar, sans-serif !important;
}

.font-absan {
  font-family: Absan, sans-serif !important;
}

.font-parastoo {
  font-family: Parastoo, sans-serif !important;
}

.modal-shadow {
  box-shadow: rgba(62, 65, 65, 0.445) 0px 19px 38px,
    rgba(62, 65, 65, 0.22) 0px 15px 12px;
}

.rotate-1s {
  animation: rotation 1s linear;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.minWidthPrice {
  min-width: 118px !important;
}

.def-font {
  font-family: sans-serif;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@media print {
  .noPrint {
    display: none;
  }

  ::-webkit-scrollbar {
    display: none;
  }
}

/*@page {
  size: A4 landscape;
}*/

.blink-me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.25;
  }
}

.buttonBlink {
  animation: buttonBlink 2s linear infinite;
}

@keyframes buttonBlink {
  50% {
    opacity: 0.8;
  }
}

.priceSellShadow {
  box-shadow: 2px 4px 8px 0px rgba(211, 22, 22, 0.25) !important;
}

.priceBuyShadow {
  box-shadow: 2px 4px 8px 0px rgba(1, 163, 14, 0.25) !important;
}

.tab-panel {
  outline: none;
}

.shake {
  animation: shake 0.4s;
  animation-iteration-count: 1;
}

@keyframes shake {
  0% {
    transform: translate(2px, 2px) rotate(0deg);
  }
  10% {
    transform: translate(-2px, -3px) rotate(-1deg);
  }
  20% {
    transform: translate(-4px, 1px) rotate(1deg);
  }
  30% {
    transform: translate(4px, 3px) rotate(0deg);
  }
  40% {
    transform: translate(2px, -2px) rotate(1deg);
  }
  50% {
    transform: translate(-2px, 3px) rotate(-1deg);
  }
  60% {
    transform: translate(-4px, 2px) rotate(0deg);
  }
  70% {
    transform: translate(4px, 2px) rotate(-1deg);
  }
  80% {
    transform: translate(-2px, -2px) rotate(1deg);
  }
  90% {
    transform: translate(2px, 3px) rotate(0deg);
  }
  100% {
    transform: translate(2px, -3px) rotate(-1deg);
  }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.text-xss {
  font-size: 0.65rem;
  line-height: 0.75rem;
}

/*.zarvanBG {
  background: linear-gradient(rgba(15, 15, 15, 0.9), rgba(15, 15, 20, 0.9)),
    url("../images/zarvangold.jpg") !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-size: cover !important;
}*/