/* ---- font faces ---- */
@font-face {
  font-family: 'Gill Sans MT Light';
  src: url('../data/fonts/gill-sans-mt-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fidelma';
  src: url('../data/fonts/Fidelma.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ---- reset ---- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: var(--font);
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-primary);
  user-select: none;
  -webkit-user-select: none;
}

img, video {
  max-width: 100%;
  display: block;
}

button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

::-webkit-scrollbar { width: 16px; }
::-webkit-scrollbar-track {
  background: var(--win-bg);
  border: 1px solid var(--tool-border);
}
::-webkit-scrollbar-thumb {
  background: var(--win-bg);
  border: 2px solid;
  border-color: var(--win-border-hi) var(--win-border-lo) var(--win-border-lo) var(--win-border-hi);
}