/*sizes nav*/

body {
  --burger-line-height: 2px;
  --nav-icon-height: 18px;
  --nav-icon-width: 50px;
  --nav-icon-padding-X: 2.4vw;
  --nav-icon-padding-Y: 3.1vw;
}

/* Test */

/*sizes,pad,marg*/

:root {
  --h1-font-size: clamp(
    16px,
    calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375))),
    20px
  );
  --h2-font-size: clamp(
    29px,
    calc(29px + (50 - 29) * ((100vw - 375px) / (1920 - 375))),
    50px
  );
  --h3-font-size: clamp(
    15px,
    calc(15px + (18 - 15) * ((100vw - 375px) / (1920 - 375))),
    18px
  );
  --h4-font-size: clamp(
    15px,
    calc(15px + (16 - 15) * ((100vw - 375px) / (1920 - 375))),
    15px
  );
  --h5-font-size: clamp(
    25px,
    calc(25px + (28 - 25) * ((100vw - 375px) / (1920 - 375))),
    28px
  );
  --h6-font-size: clamp(
    13px,
    calc(13px + (16 - 13) * ((100vw - 375px) / (1920 - 375))),
    16px
  );
  --base-font-size: clamp(
    15px,
    calc(15px + (16 - 15) * ((100vw - 375px) / (1920 - 375))),
    16px
  );
  --btn-font-size: 14px;
  /**spacing*/
  --gap-s: clamp(5px, 0.058rem + 0.81vw, 15px);
  --gap-m: clamp(20px, 0.996rem + 0.81vw, 30px);
  --gap-l: clamp(35px, 1.551rem + 2.04vw, 60px);
  --gap-xl: clamp(60px, 1.969rem + 5.7vw, 130px);
  --cont-gap: clamp(90px, 3.844rem + 5.7vw, 160px);
  --bg-padding: clamp(120px, 6.991rem + 1.63vw, 140px);
  --row-full: clamp(30px, 0.094rem + 5.7vw, 100px);
  --row-schmal: clamp(30px, -4.996rem + 21.99vw, 300px);

  --sidebar-width: 325px;
}

/*fonts*/

:root {
  --mainfont: "Funnel Sans";
  --headlinefont: "Katibeh";
  --headlinealternative: "Protest Riot";
}