/* fonts */

@font-face {
  font-family: Kia-Regular-Font;
  src: url("fonts/Webfonts/WOFF/KiaSignatureRegular.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: Kia-Light-Font;
  src: url("fonts/Webfonts/WOFF/KiaSignatureLight.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: Kia-Bold-Font;
  src: url("fonts/Webfonts/WOFF/KiaSignatureBold.woff") format('woff');
  font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Kia-Regular-Font;
}

small,
label,
input,
div,
button {
  font-family: Kia-Regular-Font;
  font-size: 13px;
}

.regular-font {
  font-family: Kia-Regular-Font;
  color: rgba(5, 20, 31);
}

.light-font {
  font-family: Kia-Light-Font;
  color: rgba(5, 20, 31);
}

.bold-font {
  font-family: Kia-Bold-Font;
  color: rgba(5, 20, 31);
}

/* Backgorund colors */
.primary-bg-color {
  background-color: rgba(5, 20, 31);
}

.primary-bg-color-3 {
  background-color: rgba(5, 20, 31, 0.03);
}

.primary-bg-color-10 {
  background-color: rgba(5, 20, 31, 0.1);
}

.primary-bg-color-20 {
  background-color: rgba(5, 20, 31, 0.2);
}

.primary-bg-color-30 {
  background-color: rgba(5, 20, 31, 0.3);
}

.primary-bg-color-40 {
  background-color: rgba(5, 20, 31, 0.4);
}

.primary-bg-color-50 {
  background-color: rgba(5, 20, 31, 0.5);
}

.primary-bg-color-60 {
  background-color: rgba(5, 20, 31, 0.6);
}

.primary-bg-color-70 {
  background-color: rgba(5, 20, 31, 0.7);
}

.primary-bg-color-80 {
  background-color: rgba(5, 20, 31, 0.8);
}

.primary-bg-color-90 {
  background-color: rgba(5, 20, 31, 0.9);
}

.primary-bg-color-100 {
  background-color: rgba(5, 20, 31, 1);
}

/* text colors */

.primary-text-color {
  color: rgba(5, 20, 31);
}

.black-text-color {
  color: rgba(0, 0, 0);
}

.polar-white-text-color {
  color: rgba(255, 255, 255);
}

.primary-text-color-3 {
  color: rgba(5, 20, 31, 0.03);
}

.primary-text-color-20 {
  color: rgba(5, 20, 31, 0.2);
}

.primary-text-color-40 {
  color: rgba(5, 20, 31, 0.4);
}

.primary-text-color-60 {
  color: rgba(5, 20, 31, 0.6);
}

.primary-text-color-80 {
  color: rgba(5, 20, 31, 0.8);
}

.disable-element {
  color: rgba(5, 20, 31, 0.4);
}

.label-element {
  color: rgba(5, 20, 31, 0.6);
}

.description-element {
  color: rgba(5, 20, 31, 0.8);
}

/* secondary colors */
.aftenoon-bg-yellow {
  background-color: #F3C300;
}

.forest-bg-green {
  background-color: #5D7D2B;
}

.city-bg-gray {
  background-color: #9EA1A2;
}

.point-bg-red {
  background-color: #EA0029;
}

.aftenoon-text-yellow {
  color: #F3C300;
}

.forest-text-green {
  color: #5D7D2B;
}

.city-text-gray {
  color: #9EA1A2;
}

.point-text-red {
  color: #EA0029;
}

/* test */
.kia-test {
  width: 300px;
  height: 100px;
}

.title {
  font-size: 32px;
}

.primary-border {
  border: 1px solid rgba(5, 20, 31);
}