/* Custom styles to complement Bootstrap */
@font-face {
  font-family: "Awesome";
  font-style: normal;
  font-weight: 900;
  src: url("./assets/webfonts/fa-solid-900.woff2") format("woff2"),
    url("./assets/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Ast";
  src: url("../fonts/Montserrat.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Jany";
  src: url("../fonts/Jany.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Handlee";
  src: url("../fonts/Handlee-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Picky";
  src: url("../fonts/PickyNiceRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Orang";
  src: url("../fonts/Orange.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Ramen";
  src: url("../fonts/Ramen.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Island";
  src: url("../fonts/Island.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GeosansLight";
  src: url("../fonts/GeosansLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Notevela";
  src: url("../fonts/Notevela.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "kiddySans";
  src: url("../fonts/kiddySans.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpaceKids";
  src: url("../fonts/SpaceKids.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahel-light-fd;
  src: url("../fonts/Sahel-Light-FD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahel-light;
  src: url("../fonts/Sahel-Light.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahel;
  src: url("../fonts/Sahel.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Iran;
  src: url("../fonts/IRAN.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Gandom;
  src: url("../fonts/Gandom.woff2") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Roya;
  src: url("../fonts/XB-Roya.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Tanha;
  src: url("../fonts/Tanha-FD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Nafis;
  src: url("../fonts/ANafis.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Ziba;
  src: url("../fonts/Far_Ziba.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sade;
  src: url("../fonts/A-Sade.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Iranian;
  /* src: url("../fonts/Iranian-sans.ttf") format("truetype"); */
  src: url("../fonts/IRANSans-web.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Samim;
  src: url("../fonts/Samim-FD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahbnam;
  src: url("../fonts/Shabnam-FD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: Nahid;
  src: url("../fonts/Nahid-FD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --color-bg1: #34495e;
  --color-bg1-tsp: #34495ebe;

  --color-bg2: #00837e;
  --color-bg3: #dcae00;
  --color-bg4: #d3d3d3;
  --color-bg5: #000;
  --color-bg3-hover: #e9ba12;

  --color-txt-primary: #000;
  --color-txt-muted: #333;
  --color-txt-light: #d3d3d3;
  --color-txt-link: #e34f33;
  --color-txt-hover: #e3503389;

  --black: #000;
  --white: #fff;
  --bg-primary: #b34a38;
  --bg-accent: #d77f44;
  --bg-light: #f3ddaa;

  --font-text1: "sade", sans-serif;
  --font-text2: "Tanha", sans-serif;
  --font-text3: "sahel", sans-serif;
  --font-title: "sahel", sans-serif;
  --font-label: "Nafis", sans-serif;
  --font-h: "Roya", sans-serif;
  --font-smm: "Samim", sans-serif;
  --font-irn: "Iranian", sans-serif;
  --font-zba: "Ziba", sans-serif;
  --font-nfs: "Nafis", sans-serif;
  --font-tna: "Tanha", sans-serif;
  --font-shl: "Sahel", sans-serif;
  --font-sll: "Sahel-light", sans-serif;
  --font-sllf: "Sahel-light-fd", sans-serif;
  --font-sde: "sade", sans-serif;
  --font-gdm: "Gandom", sans-serif;
  --font-rya: "Roya", sans-serif;
  --font-sbn: "Sahbnam", sans-serif;
  --font-prt: "Parastoo", sans-serif;
  --font-nhd: "Nahid", sans-serif;


  --font-size1: 2rem;
  --font-size2: 3rem;
}