@font-face {
  font-family: "Soehne";
  src: url("/assets/gk_learning/fonts/soehne-buch.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Literata";
  src: url("/assets/gk_learning/fonts/literata-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

body[data-path="login"] {
  font-family: "Soehne", Arial, sans-serif;
  color: #1c1c1c;
}

body[data-path="login"] .page-card-head-text h4 {
  font-family: "Literata", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}

body[data-path="login"] .es-button[data-variant="solid"] {
  background: #ff5216;
  border-color: #ff5216;
  color: #fff;
}

body[data-path="login"] .es-button[data-variant="solid"]:hover {
  background: #ff5216;
  border-color: #ff5216;
  box-shadow: 0 2px 7px #1c1c1c22;
}

body[data-path="login"] a {
  color: #4b4b4b;
}

body[data-path="login"] .es-button[data-variant="solid"]:focus-visible {
  outline: 3px solid #1c1c1c;
  outline-offset: 2px;
}

body[data-path="login"] input:focus-visible {
  outline: 2px solid #ff5216;
  outline-offset: 2px;
}