:root {
  --fontFamily: "IranSans-regular";
  --fontFamilyBold: "IranSans-bold";
  --fontFamilySemiBold: "IranSans-semiBold";
  --fontFamilyLight: "IranSans-light";
  --fontFamilyMedium: "IranSans-medium";
  --fontFamilyNormal: "IranSans-normal";

  --white: #fff;
  --black: #000;

  --primary: #1AD1D8;
    --primary50:  #F2FEFF;
    --primary100: #F0FCFD;
    --primary200: #D9F5F6;
    --primary300: #BCEBED;
    --primary400: #5FDFE4;
    --primary500: #1AD1D8;
    --primary600: #15A7AD;
    --primary700: #107D82;
    --primary800: #0A5456;
    --primary900: #063436;

    --primaryA100: #243A3A;
    --primaryA200: #416363;
    --primaryA300: #578989;
    --primaryA400: #7EB1B1;
    --primaryA700: #B4E7E7;

    --text: #121212;
    --background: #FEFEFE;
    --border: #BCEBED;

  --teal100: #b2dfdb;
  --teal500: #009688;

  --yellow100: #fff9c4;
  --yellow500: #ffb21d;
  --yellow900: #f57f17;

  --green100: #c8e6c9;
  --green900: #1b5e20;

  --orange100: #ffccbc;
  --orange500: #ff9800;
  --orange900: #bf360c;

  --warning: #ef6c00;

  --dataGridEvenBg: #D9F5F6;
}

:root.dark {
  --white: #000;
  --black: #fff;

  --primary: #1AD1D8;
  --primary50: #031516;
  --primary100:  #062728;
  --primary200: #083F41;
  --primary300: #0D696C;
  --primary400: #129297;
  --primary500: #1AD1D8;
  --primary600: #48DAE0;
  --primary700: #76E3E8;
  --primary800: #A3EDEF;
  --primary900: #E0F2F3;

  --primaryA100: #EDF6F6;
  --primaryA200: #D0E7E7;
  --primaryA300: #B4D1D1;
  --primaryA400: #9AB9B9;
  --primaryA700: #80A0A0;

  --text: #FFFFFF;
  --background: #031516;
  --border: #0D696C;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #1AD1D8;
    --primary50: #031516;
    --primary100:  #062728;
    --primary200: #083F41;
    --primary300: #0D696C;
    --primary400: #129297;
    --primary500: #1AD1D8;
    --primary600: #48DAE0;
    --primary700: #76E3E8;
    --primary800: #A3EDEF;
    --primary900: #E0F2F3;

    --primaryA100: #EDF6F6;
    --primaryA200: #D0E7E7;
    --primaryA300: #B4D1D1;
    --primaryA400: #9AB9B9;
    --primaryA700: #80A0A0;

    --text: #FFFFFF;
  --background: #031516;
  --border: #0D696C;
  }
}

@font-face {
  font-family: "Yekan";
  src: url(../../fonts/yekan/Yekan.woff2) format("woff2");
}

@font-face {
  font-family: "RokhFaNum-bold";
  src: url(../../fonts/rokh/woff2/RokhFaNum-Bold.woff2) format("woff2"),
    url(../../fonts/rokh/eot/RokhFaNum-Bold.eot) format("eot"),
    url(../../fonts/rokh/woff/RokhFaNum-Bold.woff) format("woff");
}

@font-face {
  font-family: "RokhFaNum-semiBold";
  src: url(../../fonts/rokh/woff2/RokhFaNum-SemiBold.woff2) format("woff2"),
    url(../../fonts/rokh/eot/RokhFaNum-SemiBold.eot) format("eot"),
    url(../../fonts/rokh/woff/RokhFaNum-SemiBold.woff) format("woff");
}

@font-face {
  font-family: "RokhFaNum-light";
  src: url(../../fonts/rokh/woff2/RokhFaNum-Light.woff2) format("woff2"),
    url(../../fonts/rokh/eot/RokhFaNum-Light.eot) format("eot"),
    url(../../fonts/rokh/woff/RokhFaNum-Light.woff) format("woff");
}

@font-face {
  font-family: "RokhFaNum-regular";
  src: url(../../fonts/rokh/woff2/RokhFaNum-Regular.woff2) format("woff2"),
    url(../../fonts/rokh/eot/RokhFaNum-Regular.eot) format("eot"),
    url(../../fonts/rokh/woff/RokhFaNum-Regular.woff) format("woff");
}

@font-face {
  font-family: "RokhFaNum-normal";
  src: url(../../fonts/rokh/woff2/RokhFaNum-Normal.woff2) format("woff2"),
    url(../../fonts/rokh/eot/RokhFaNum-Normal.eot) format("eot"),
    url(../../fonts/rokh/woff/RokhFaNum-Normal.woff) format("woff");
}

@font-face {
  font-family: "RokhFaNum-medium";
  src: url(../../fonts/rokh/woff2/RokhFaNum-Medium.woff2) format("woff2"),
    url(../../fonts/rokh/eot/RokhFaNum-Medium.eot) format("eot"),
    url(../../fonts/rokh/woff/RokhFaNum-Medium.woff) format("woff");
}

/* ----------------------- */
@font-face {
  font-family: "IranSans-bold";
  src: url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Bold.woff2) format("woff2"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Bold.eot) format("eot"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Bold.woff) format("woff");
}

@font-face {
  font-family: "IranSans-semiBold";
  src: url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff2) format("woff2"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\).eot) format("eot"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff) format("woff");
}

@font-face {
  font-family: "vazir-light";
  src: url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Light.woff2) format("woff2"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Light.eot) format("eot"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff) format("woff");
}

@font-face {
  font-family: "IranSans-regular";
  src: url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff2) format("woff2"),
  url(../../fonts/iranSans/IRANSansWeb\(FaNum\).eot) format("eot"),
  url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff) format("woff");
}

@font-face {
  font-family: "IranSans-normal";
  src: url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff2) format("woff2"),
  url(../../fonts/iranSans/IRANSansWeb\(FaNum\).eot) format("eot"),
  url(../../fonts/iranSans/IRANSansWeb\(FaNum\).woff) format("woff");
}

@font-face {
  font-family: "IranSans-medium";
  src: url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Medium.woff2) format("woff2"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Medium.woff2) format("eot"),
    url(../../fonts/iranSans/IRANSansWeb\(FaNum\)_Medium.woff) format("woff");
}


@keyframes defaultHover {
  from {
    background-color: var(--primary300);
  }

  to {
    background-color: var(--primary400);
  }
}

@keyframes acceptHover {
  from {
    background-color: var(--primary);
  }

  to {
    background-color: var(--primary400);
  }
}

@keyframes activeHover {
  from {
    background-color: var(--primaryA100);
  }

  to {
    background-color: var(--primary800);
  }
}