:root{
--title-s: clamp(0.88rem, 0.84vi + 0.69rem, 1.38rem);
--title-m: clamp(1.09rem, 1.24vi + 0.82rem, 1.83rem);
--title-l: clamp(1.37rem, 1.8vi + 0.97rem, 2.44rem);
--title-xl: clamp(1.71rem, 2.6vi + 1.14rem, 3.26rem);
--title-xxl: clamp(2.14rem, 3.7vi + 1.33rem, 4.34rem);

--text-s: clamp(0.5rem, 0.58vi + 0.37rem, 0.84rem);
--text-m: clamp(0.63rem, 0.84vi + 0.44rem, 1.13rem);
--text-l: clamp(0.78rem, 1.21vi + 0.52rem, 1.5rem);
--text-xl: clamp(0.98rem, 1.72vi + 0.6rem, 2rem);
--text-xxl: clamp(1.22rem, 2.43vi + 0.69rem, 2.66rem);

--primary: #231F20;
--background: #ffffff;
--lightgrey: #d2d6dd;
--grey: #747681;
--darkGrey: #3f4144;
--accent: #9D1717;
--accent-2: #B4720F;
--accent-3: #997C57;
}

.eml-bg-default{
  background:var(--background)
}

/*
TITLE DISINI
*/
.eml-title-xxl{
  font-size:var(--title-xxl);
  font-family:playfair display;
  font-weight:400;
  color:var(--primary);
  text-transform:capitalize
}
.eml-title-xl{
  font-size:var(--title-xl);
  font-family:playfair display;
  font-weight:400;
  color:var(--primary);
  text-transform:capitalize
}
.eml-title-l{
  font-size:var(--title-l);
  font-family:playfair display;
  font-weight:400;
  color:var(--primary);
  text-transform:capitalize
}
.eml-title-m{
  font-size:var(--title-m);
  font-family:playfair display;
  font-weight:400;
  color:var(--primary);
  text-transform:capitalize
}
.eml-title-s{
  font-size:var(--title-s);
  font-family:playfair display;
  font-weight:400;
  color:var(--primary);
  text-transform:capitalize
}

/*
SUBHEADING DISINI
*/
.eml-sh-s{
  font-size:var(--text-s);
  font-family:raleway;
  color:var(--primary);
  font-weight:600;
  text-transform:uppercase;
}
.eml-sh-m{
  font-size:var(--text-m);
  font-family:raleway;
  color:var(--primary);
  font-weight:600;
  text-transform:uppercase;
}
.eml-sh-l{
  font-size:var(--text-l);
  font-family:raleway;
  color:var(--primary);
  font-weight:600;
  text-transform:uppercase;
}
.eml-sh-xl{
  font-size:var(--text-xl);
  font-family:raleway;
  color:var(--primary);
  font-weight:600;
  text-transform:uppercase;
}
.eml-sh-xxl{
  font-size:var(--text-xxl);
  font-family:raleway;
  color:var(--primary);
  font-weight:600;
  text-transform:uppercase;
}

/*
TEXT DISINI
*/
.eml-text-s{
  font-size:var(--text-s);
  font-family:raleway;
  color:var(--primary);
}
.eml-text-m{
  font-size:var(--text-m);
  font-family:raleway;
  color:var(--primary);
}
.eml-text-l{
  font-size:var(--text-l);
  font-family:raleway;
  color:var(--primary);
}
.eml-text-xl{
  font-size:var(--text-xl);
  font-family:raleway;
  color:var(--primary);
}
.eml-text-xxl{
  font-size:var(--text-xxl);
  font-family:raleway;
  color:var(--primary);
}