:root {
  --ui-font-scale: 0.88;

  --font-size-48: calc(48px * var(--ui-font-scale));
  --font-size-36: calc(36px * var(--ui-font-scale));
  --font-size-24: calc(24px * var(--ui-font-scale));
  --font-size-18: calc(18px * var(--ui-font-scale));
  --font-size-16: calc(16px * var(--ui-font-scale));
  --font-size-14: calc(14px * var(--ui-font-scale));
  --font-size-12: calc(12px * var(--ui-font-scale));
  --font-size-10: calc(10px * var(--ui-font-scale));
  --font-size-8: calc(8px * var(--ui-font-scale));

  --img-size-48: 48px;
  --img-size-24: 24px;

  --font-family-primary: "IRANYekan", sans-serif;
}

/* Base Font */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
div {
  font-family: var(--font-family-primary) !important;
}

/* Utility Classes */
.bold {
  font-weight: 700 !important;
}

.medium {
  font-weight: 500;
}

/* Typography Classes */
.k-lgtitle,
.k-title,
.k-normal,
.k-placeholder,
.k-small,
.k-xsmall,
.k-xxsmall {
  font-family: var(--font-family-primary);
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.k-lgtitle {
  font-size: var(--font-size-24);
  font-weight: 700;
}

.k-lgtitle-teen {
  font-size: var(--font-size-24);
  font-weight: 600;
}

.k-title {
  font-size: var(--font-size-16);
  font-weight: 700;
}

.k-title-teen {
  font-size: var(--font-size-16);
  font-weight: 600;
}

.k-normal {
  font-size: var(--font-size-14);
  font-weight: 400;
}

.k-placeholder {
  font-size: var(--font-size-14);
  font-weight: 300;
}

.k-small {
  font-size: var(--font-size-12);
  font-weight: 400;
}

.k-xsmall {
  font-size: var(--font-size-10);
  font-weight: 500;
}

.k-xxsmall {
  font-size: var(--font-size-8);
  font-weight: 700;
}

/* Font Faces */
@font-face {
  font-family: "IRANYekan";
  src: url("../fonts/iranyekanweblight.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: "IRANYekan";
  src: url("../fonts/iranyekanwebregular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "IRANYekan";
  src: url("../fonts/iranyekanwebmedium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "IRANYekan";
  src: url("../fonts/iranyekanwebbold.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: "IRANYekan";
  src: url("../fonts/iranyekanwebextrabold.woff") format("woff");
  font-weight: 800;
}

@font-face {
  font-family: "IRANSans";
  src: url("../fonts/IRANSansWeb.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "IRANSans";
  src: url("../fonts/IRANSansWeb_Bold.woff") format("woff");
  font-weight: 800;
}