@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --themeprimaryclr: #333;
  --themesecondaryclr: #585858;
  --themethirdclr: #221f20;
  --themeforhtclr: #fff2f2;
  --customhover: #fff2f2;
  --plainclr: #fff;
  --darkclr: #000;
  --lightbg: #f8f8f8;
  --themehoverclr: #595656;
  --themehovertwo: #f0f0ef;
  --bs-table-color: #cdcdcd;
  --bodyclr: #212529;
  --borderclr: #f1f1f1;
  --border-bottom-clr: #ccc;
  --headingclr: #332c5c;

  /* share color */
  --greenclr: #43a700;
  --greenbadge: #52c504;
  --greenhover: #008f03;
  --redclr: #ff2b2b;
  --orangeclr: #d68b00;
  --btnclrone: #1f1f1f;

  /* font family */
  --primaryfont: "Jost", sans-serif;
  /* --secondaryfont: "Nunito", serif;
  --font-roboto: "Roboto", sans-serif; */

  /* new addon */
  --gallery-overlay: #05090ac2;
  --closeclr: #ff0000;
  --overlight: #343e45;
  --footer-bgclr: #7f7f7f;
  --lihover-clr: #474747;
  --mainclr: #212529bf;
}

body,
a,
p,
div,
span,
li {
  color: var(--themeprimaryclr);
}

p {
  font-family: var(--secondaryfont);
}