@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* Base size - 16px */
:root {
  font-size: 16px;
  --space-xs: 0.5rem;  /* 8px */
  --space-sm: 0.75rem; /* 12px */
  --space-md: 1rem;    /* 16px */
  --space-lg: 1.5rem;  /* 24px */
  --space-xl: 2rem;    /* 32px */
}

/* Body - 16px */
body {
  font-size: 1rem;    /* 16px */
  line-height: 100%;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  font-weight: 800;
}

#indexPageH1{
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* Line height utilities */
.leading-100 {
  line-height: 100% !important;
}

.leading-120 {
  line-height: 120% !important;
}

.leading-140 {
  line-height: 140% !important;
}

/* Small text - 14px */
.text-sm {
  font-size: 0.875rem; /* 14px */
}

/* Level 1 - 19px */
.text-lg, h6 {
  font-size: 1.1875rem; /* 19px */
}

/* Level 2 - 23px */
.text-xl, h5 {
  font-size: 1.4375rem; /* 23px */
}

/* Level 3 - 27px */
.text-2xl, h4 {
  font-size: 1.6875rem; /* 27px */
}

/* Level 4 - 33px */
.text-3xl, h3 {
  font-size: 2.0625rem; /* 33px */
}

/* Level 5 - 39px */
.text-4xl, h2 {
  font-size: 2.4375rem; /* 39px */
}

/* Level 6 - 47px */
.text-5xl, h1 {
  font-size: 2.9375rem; /* 47px */
}