@font-face {
  font-family: "mononoki";
  font-style: normal;
  src: url("/mononoki-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  /* https://colorbrewer2.org/#type=qualitative&scheme=Set1&n=4 */
  --color-blue: #377eb8;
  --color-red: #e41a1c;
  --color-green: #4daf4a;
  --color-purple: #984ea3;
  --color-orange: #ff7f00;
  --color-primary: var(--color-orange);
}

#map {
  min-height: 85dvh;
  max-width: 100%;

  margin-block: var(--vspace-0);

  border: var(--stroke);
  border-radius: var(--radius-s);
}

h1 {
  font-family: var(--font-mono);
  text-align: center;
}

p {
  /* same as input elements */
  max-inline-size: 28ch;
}

dt + dt {
  margin-block-start: var(--vspace--1);
}

li:hover {
  outline-width: 2px;
  outline-style: solid;
}

.min-lon {
  color: var(--color-blue);
}

.min-lat {
  color: var(--color-red);
}

.max-lon {
  color: var(--color-green);
}

.max-lat {
  color: var(--color-purple);
}

/* TODO remove after updateing udjat.css */
.font-mono {
  font-family: var(--font-mono);
}