/* ==========================
   CSS Reset
========================== */

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

/* ==========================
   Base Styles
========================== */

html {
  scroll-behavior: smooth;
  -ms-overflow-style: none;       /* IE/Edge */
  scrollbar-width: none;          /* Firefox */
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  ::-webkit-scrollbar {
    display: none;
  }

body {
    min-height: 100vh;
    margin: 0;
    font-family: var(--font-body);
    line-height: 1.5;
    color: var(--color-text-primary);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
    background: var(--color-bg-primary);
    overflow-x: hidden;
}

h1,
h2,
h3 {
  font-family: var(--font-display);
}