@import url('components/main/header.css');
@import url('components/main/hero.css');
@import url('components/main/feedback.css');
@import url('components/main/footer.css');
@import url(components/gameplay/board.css);
@import url(components/gameType/gameType.css);
@import url('utils.css');

:root {
  --color-background: #10101B;
  --color-font: #E5E3E3;
  --color-button: #FAFAFA;
  --color-yellow: #F9D633;
}

* {
  margin: 0;
  line-height: calc(1em + 0.5rem);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-background);
  color: var(--color-font);
}