@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1,
h2,
h3 {
  font-family: var(--font-heading);
  list-style: var(--lh-heading);
}

h4,
p,
span,
a {
  font-family: var(--font-body);
  line-height: var(--lh-body);
}

main {
  padding-top: 50px;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}

:root {
  /* Color tokens */
  --color-primary: #E6E93A;
  --color-secondary: #000;
  --color-bg: #F3F3F3;
  --color-text: #2F2D2E;
  --color-text-w: #fff;
  --header-text: #fff;

  /* Font family */
  --font-heading: "Rubik", sans-serif;
  --font-body: "Inter", sans-serif;

  /*///////// FONT-SIZE ////////*/
  /*HEADING*/
  --fs-heading-display: clamp(2.5rem, 5vw, 3rem);
  /* 40–48px */
  --fs-heading-m-bold: clamp(2rem, 4vw, 2.25rem);
  /* 32–36px */
  --fs-blog-post-display: clamp(1.75rem, 5vw, 2.75rem);
  --fs-heading-m: clamp(2rem, 4vw, 2.25rem);
  --fs-heading-s: clamp(1.25rem, 2.5vw, 1.5rem);
  /* 20–24px */

  /* BODY*/
  --fs-body-l: clamp(1.25rem, 2.5vw, 1.5rem);
  /* 20–24px */
  --fs-body-m: clamp(1rem, 2vw, 1.25rem);
  /* 16–20px */
  --fs-body-s: clamp(0.875rem, 1.5vw, 1rem);
  /* 14–16px */

  /* LINK */
  --fs-link-l: clamp(1rem, 2vw, 1.25rem);
  /* 16–20px */
  --fs-link-s: clamp(0.875rem, 1.5vw, 1rem);
  /* 14–16px */

  /* /////////////FONT-WEIGHT /////////////*/

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* LINE HEIGHT*/
  --lh-heading: 1.2;
  --lh-body: 1.6;
}