/*sizes nav*/

body {
  --burger-line-height: 2px;
  --nav-icon-height: 55px;
  --nav-icon-width: 55px;
  --nav-icon-padding-X: 2.54vw;
  --nav-icon-padding-Y: 2.54vw;
}

@media (max-width: 767px) {
  body {
    --nav-icon-padding-X: 3.58vw;
    --nav-icon-padding-Y: 3.73vw;
  }
}

/*sizes,pad,marg*/

:root {
  --h1-font-size: calc(13px + (18 - 13) * ((100vw - 375px) / (1920 - 375)));
  --h2-font-size: calc(22px + (45 - 22) * ((100vw - 375px) / (1920 - 375)));
  --h3-font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
  --h4-font-size: calc(19px + (27 - 19) * ((100vw - 375px) / (1920 - 375)));
  --h5-font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (1920 - 375)));
  --h6-font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
  --base-font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
  --btn-font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
  /**spacing*/
  --gap-s: clamp(10px, 2.66vw, 15px);
  /*   --gap-m: clamp(25px, 5.33vw, 30px);
  --gap-l: clamp(25px, 9.33vw, 50px); */

  --gap-m: clamp(25px, 1.52vw, 30px);
  --gap-l: clamp(25px, 2.5vw, 50px);
  /*   --gap-xl: clamp(50px, 20vw, 100px);*/
  --gap-xl: clamp(50px, 5vw, 100px);
  /*   --gap-xxl: clamp(100px, 20vw, 150px); */
  --gap-xxl: clamp(100px, 7.8vw, 150px);
  /* --cont-gap: clamp(80px, 20vw, 180px); */
  --cont-gap: clamp(80px, 9.9vw, 180px);

  /** border radius  */
  --border-radius-m: 15px;
  --border-radius-s: 8px;

  --linear-gradient-header: linear-gradient(
    90deg,
    var(--ast-global-color-1) 0%,
    #94836f 100%
  );
  --linear-gradient-header-reverse: linear-gradient(
    90deg,
    #94836f 0%,
    var(--ast-global-color-1) 100%
  );
  --linear-gradient-body: linear-gradient(90deg, #fff 0%, #f2f0ed 100%);
  --linear-gradient-body-reverse: linear-gradient(90deg, #eae8e5 0%, #fff 100%);

  --color-beige-hell: #ded6cd;
  --color-shadow: #cecece;
}

/*fonts*/

:root {
  --mainfont: "bricolage-grotesque";
  --headlinefont: "gyst-variable";
  /* --headlinealternative: 'EyeCatchingProt'; */
}

/*VC*/

@media (min-width: 1920px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {
  :root {
    --polaroid-gap: 6vw;
  }
}

@media (max-width: 1200px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1024px) {
  :root {
    --polaroid-gap: 8vw;
  }
}

@media (max-width: 990px) {
  body {
    --nav-icon-height: 45px;
    --nav-icon-width: 44px;
  }
}

@media (max-width: 768px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 576px) {
}

@media (max-width: 420px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}