@font-face {
  font-family: barlow;
  src: url("Barlow.ttf") format("opentype");
}

:root {
  --white-color: #ffffff;
  --bg-color: #FFFCF9;
  --p-color: #340068;
  --s-color: #6D435A;
  --h-color: #FF6978;
  --t-color: #2b2b2b;
}

[data-theme="dark"] {
  --white-color: #1a1a1a;
  --bg-color: #121212;
  --p-color: #e4b873;
  --s-color: #868686;
  --h-color: #ff4d61;
  --t-color: #d4d4d2;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: barlow;
}

html, body {
  background-color: var(--bg-color);
  height: 100dvh;
}