:root {
  /* [-] FONT WEIGHT VARIABLES: */
  --font-weight-light: 100;
  --font-weight-normal: 300;
  --font-weight-bold: 700;
  --font-family-light: "Averta-Light", sans-serif;
  --font-family-normal: "Averta-Regular", sans-serif;
  --font-family-bold: "Averta-Bold", sans-serif;

  /* [-] FONT SIZE VARIABLES: */
  --font-size-veryverysmall: 0.65rem;
  --font-size-verysmall: 0.75rem;
  --font-size-small: 0.82rem;
  --font-size-normal: 1rem;
  --font-size-medium: 1.4rem;
  --font-size-large: 1.9rem;
  --font-size-verylarge: 2.5rem;
  --font-size-veryverylarge: 3.5rem;
  --font-size-veryveryverylarge: 4.8rem;

  /* [-] FONT LINEHEIGHT VARIABLES: */
  --font-lineheight-veryveryverylarge: calc(
    var(--font-size-veryveryverylarge) * 1.1
  );
  --font-lineheight-verylarge: calc(var(--font-size-verylarge) * 1.3);
  --font-lineheight-medium: calc(var(--font-size-medium) * 1.5);
  --font-lineheight-normal: calc(var(--font-size-normal) * 1.5); /* OK */
}

/* ------------------------------------
[-] CUSTOM FONTS
--------------------------------------- */
@font-face {
  font-family: "Averta-Regular";

  /* 1. IE9 Compatibility Mode */
  src: url("../fonts/Averta-Regular.eot");

  /* 2. Gabungan format untuk browser modern & lama */
  src:
    url("../fonts/Averta-Regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/Averta-Regular.woff2") format("woff2"),
    /* Browser Modern (Terbaik) */ url("../fonts/Averta-Regular.woff")
      format("woff"),
    /* Browser Standar */ url("../fonts/Averta-Regular.ttf") format("truetype"); /* Android, iOS lama, Windows */

  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Opsional: Agar teks langsung muncul dengan font cadangan saat loading */
}

@font-face {
  font-family: "Averta-Bold";

  /* 1. IE9 Compatibility Mode */
  src: url("../fonts/Averta-Bold.eot");

  /* 2. Gabungan format untuk browser modern & lama */
  src:
    url("../fonts/Averta-Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/Averta-Bold.woff2") format("woff2"),
    /* Browser Modern (Terbaik) */ url("../fonts/Averta-Bold.woff")
      format("woff"),
    /* Browser Standar */ url("../fonts/Averta-Bold.ttf") format("truetype"); /* Android, iOS lama, Windows */

  font-weight: bold;
  font-style: normal;
  font-display: swap; /* Opsional: Agar teks langsung muncul dengan font cadangan saat loading */
}

@font-face {
  font-family: "Averta-Light";

  /* 1. IE9 Compatibility Mode */
  src: url("../fonts/Averta-Light.eot");

  /* 2. Gabungan format untuk browser modern & lama */
  src:
    url("../fonts/Averta-Light.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/Averta-Light.woff2") format("woff2"),
    /* Browser Modern (Terbaik) */ url("../fonts/Averta-Light.woff")
      format("woff"),
    /* Browser Standar */ url("../fonts/Averta-Light.ttf") format("truetype"); /* Android, iOS lama, Windows */

  font-weight: lighter;
  font-style: normal;
  font-display: swap; /* Opsional: Agar teks langsung muncul dengan font cadangan saat loading */
}

.font-light {
  font-family: var(--font-family-light);
}

.font-weight-normal {
  font-family: var(--font-family-normal);
}

.font-weight-bold {
  font-family: var(--font-family-bold);
}

.font-style-nolineheight {
  line-height: 0px !important;
}

/* ------------------------------------
[-] FONT: WEIGHT
--------------------------------------- */
/* Normal,Standar teks biasa (sama dengan keyword normal). */
.font-weight-normal {
  font-weight: var(--font-weight-normal);
}

/* Bold,Tebal standar (sama dengan keyword bold). */
.font-weight-bold {
  font-weight: var(--font-weight-bold);
}

/* ------------------------------------
[-] FONT: SIZE
--------------------------------------- */
.font-size-veryverysmall {
  font-size: var(--font-size-veryverysmall);
}

.font-size-verysmall {
  font-size: var(--font-size-verysmall);
}

.font-size-small {
  font-size: var(--font-size-small);
}

.font-size-normal {
  font-size: var(--font-size-normal);
  line-height: var(--font-lineheight-normal);
}

.font-size-medium {
  font-size: var(--font-size-medium);
  line-height: var(--font-lineheight-medium);
}

.font-lineheight-medium {
  line-height: var(--font-lineheight-medium);
}

.font-size-large {
  font-size: var(--font-size-large);
}

.font-size-verylarge {
  font-size: var(--font-size-verylarge);
  line-height: var(--font-lineheight-verylarge);
}

.font-size-veryverylarge {
  font-size: var(--font-size-veryverylarge);
}

.font-size-veryveryverylarge {
  font-size: var(--font-size-veryveryverylarge);
  line-height: var(--font-lineheight-veryveryverylarge);
}

.font-style-uppercase {
  text-transform: uppercase;
}

.font-style-garistengah {
  text-decoration: line-through;
}

.font-style-italic {
  font-style: italic;
  font-synthesis: style; /* Memerintahkan browser untuk mensintesis/memaksa gaya miring jika tidak ada file font-nya */
}

.font-style-spacing-veryverysmall {
  letter-spacing: var(--gap-veryverysmall);
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}