@import url('./tokens.css');

@font-face {
  font-family: 'Gotisch Weiss';
  src: url('../../public/fonts/gotisch-weiss.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../../public/fonts/jetbrains-mono-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../../public/fonts/jetbrains-mono-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../../public/fonts/jetbrains-mono-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('../../public/fonts/noto-sans-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('../../public/fonts/noto-sans-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('../../public/fonts/outfit-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('../../public/fonts/outfit-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../../public/fonts/source-sans-3-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../../public/fonts/source-sans-3-600.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  min-height: 100%;
  background: var(--page-bg);
}

body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: var(--page-text);
  background: transparent;
  font-family: var(--font-body);
  letter-spacing: .04em;
}

button,
input,
select {
  font: inherit;
}

button {
  color: inherit;
}

::selection {
  color: var(--page-bg);
  background: var(--accent);
}