:root {
  /* [-] WARNA VARIABLES: */
  --warna-primary-1: #b8965a;
  --warna-primary-2: #177d68;
  --warna-primary-1-gelap: #5c4b2d;
  --warna-primary-2-gelap: #0b3e34;
  --warna-primary-1-terang: #ffdb9c;
  --warna-primary-2-terang: #42b2a0;
  --warna-hitam: #111414;
  --warna-putih: #ffffff;
  --warna-abu2: #c8c8c8;
  --warna-abu2-gelap: #928b80;
  --warna-abu2-terang: #ebeae8;
  --warna-whatsapp: #1daa61;
  --warna-whatsapp-hover: #0ae272;

  /* [-] LERP VARIABLES: */
  --lerp-putih: brightness(0) invert(1);

  --lerp-hitam: brightness(0) saturate(100%) invert(3%) sepia(6%)
    saturate(1670%) hue-rotate(131deg) brightness(104%) contrast(90%);

  --lerp-primary-1: brightness(0) saturate(100%) invert(62%) sepia(57%)
    saturate(336%) hue-rotate(360deg) brightness(89%) contrast(84%);

  --lerp-primary-1-gelap: brightness(0) saturate(100%) invert(26%) sepia(44%)
    saturate(501%) hue-rotate(360deg) brightness(92%) contrast(84%);

  --lerp-primary-1-terang: brightness(0) saturate(100%) invert(97%) sepia(17%)
    saturate(4493%) hue-rotate(301deg) brightness(119%) contrast(101%);

  --lerp-primary-2: brightness(0) saturate(100%) invert(38%) sepia(43%)
    saturate(681%) hue-rotate(118deg) brightness(94%) contrast(94%);

  --lerp-primary-2-gelap: brightness(0) saturate(100%) invert(17%) sepia(57%)
    saturate(600%) hue-rotate(118deg) brightness(95%) contrast(93%);

  --lerp-primary-2-terang: brightness(0) saturate(100%) invert(58%) sepia(65%)
    saturate(383%) hue-rotate(121deg) brightness(94%) contrast(81%);
}

/* [-] WARNA TEXT */
.warna-text-putih,
.warna-text-putih a {
  color: var(--warna-putih);
}

.warna-text-hitam {
  color: var(--warna-hitam) !important;
}

.warna-text-primary-1 {
  color: var(--warna-primary-1);
}

.warna-text-primary-1-gelap {
  color: var(--warna-primary-1-gelap);
}

.warna-text-primary-1-terang {
  color: var(--warna-primary-1-terang);
}

.warna-text-primary-2 {
  color: var(--warna-primary-2);
}

.warna-text-primary-2-gelap {
  color: var(--warna-primary-2-gelap);
}

.warna-text-primary-2-terang {
  color: var(--warna-primary-2-terang);
}

.warna-text-abu2 {
  color: var(--warna-abu2);
}

.warna-text-abu2-gelap {
  color: var(--warna-abu2-gelap);
}

/* [-] WARNA BG */
.warna-bg-primary-1 {
  background-color: var(--warna-primary-1);
}

.warna-bg-primary-1-gelap {
  background-color: var(--warna-primary-1-gelap);
}

.warna-bg-primary-1-terang {
  background-color: var(--warna-primary-1-terang);
}

.warna-bg-primary-2 {
  background-color: var(--warna-primary-2);
}

.warna-bg-primary-2-gelap {
  background-color: var(--warna-primary-2-gelap);
}

.warna-bg-primary-2-terang {
  background-color: var(--warna-primary-2-terang);
}

.warna-bg-abu2 {
  background-color: var(--warna-abu2);
}

.warna-bg-abu2-gelap {
  background-color: var(--warna-abu2-gelap);
}

.warna-bg-abu2-terang {
  background-color: var(--warna-abu2-terang);
}

.warna-bg-putih {
  background-color: var(--warna-putih);
}

.warna-bg-hitam {
  background-color: var(--warna-hitam);
}

/* ==========================================================
   [-] LERP: Ubah warna gambar
   ========================================================== */
.lerp-putih,
.lerp-putih img {
  filter: var(--lerp-putih);
}

.lerp-hitam {
  filter: var(--lerp-hitam);
}

.lerp-primary-2 {
  filter: var(--lerp-primary-2);
}

.lerp-primary-2-gelap {
  filter: var(--lerp-primary-2-gelap);
}

.lerp-primary-2-terang {
  filter: var(--lerp-primary-2-terang);
}

.lerp-primary-1 {
  filter: var(--lerp-primary-1);
}

.lerp-primary-1-gelap {
  filter: var(--lerp-primary-1-gelap);
}

.lerp-primary-1-terang {
  filter: var(--lerp-primary-1-terang);
}