/* --------------------------------- *\

	Color theme

\* --------------------------------- */
:root {
  --color-white: #ffffff;
  --color-black: #1b1e22;
  --color-main: #e1c42d;
  --color-main-hover: #d6b81f;
  --color-main-dark: #a99218;
  --color-gray: #b4b7c1;
  --color-gray-dark: #737371;
  --color-gray-light: #eaebed;
  --color-text: var(--color-black);
  --color-bg: #ffffff;
}

html,
body {
  color: var(--color-text);
}

a {
  color: var(--color-main);
}

@media (pointer: fine) {
  a:hover {
    color: var(--color-main-hover);
  }
}
.color-main-text {
  color: var(--color-main);
}
.color-main-bg {
  background: var(--color-main);
}
.color-main-fill {
  fill: var(--color-main);
}

.color-gray-text {
  color: var(--color-gray);
}
.color-gray-bg {
  background: var(--color-gray);
}
.color-gray-fill {
  fill: var(--color-gray);
}

.color-gray-dark-text {
  color: var(--color-gray-dark);
}
.color-gray-dark-bg {
  background: var(--color-gray-dark);
}
.color-gray-dark-fill {
  fill: var(--color-gray-dark);
}

.color-gray-light-text {
  color: var(--color-gray-light);
}
.color-gray-light-bg {
  background: var(--color-gray-light);
}
.color-gray-light-fill {
  fill: var(--color-gray-light);
}

.color-black-text {
  color: var(--color-black);
}
.color-black-bg {
  background: var(--color-black);
}
.color-black-fill {
  fill: var(--color-black);
}

.color-white-text {
  color: var(--color-white);
}
.color-white-bg {
  background: var(--color-white);
}
.color-white-fill {
  fill: var(--color-white);
}

/*# sourceMappingURL=--1-colors.css.map */