@font-face {
  font-family: "Qomra";
  src: url("/assets/qomra-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Qomra";
  src: url("/assets/qomra-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Naskh";
  src: url("/assets/naskh-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root {
  --green: #042623;
  --green-deep: #021715;
  --gold: #b9a779;
  --paper: #edebe0;
  --muted: #cfd6cf;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-block-size: 100%;
}

body {
  margin: 0;
  background: var(--green-deep);
  color: var(--paper);
  font-family: "Qomra", "Naskh", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}