@font-face {
    font-family: 'Stardust-Regular';
    src: url('/assets/fonts/star-reg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Stardust-Bold';
    src: url('/assets/fonts/star-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/assets/fonts/pret-reg.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('/assets/fonts/pret-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}




:root {
  --background: #ffffff;
  --foreground: #171717;

  --primary: #fc5656;
  --secondary: #f57c7c;
  --primary-2: #fc5656b1;
  --primary-3: #fc56564e;
  --border: #e5e5e5;
  --bg-gray: #f5f5f5;
  --gray: #b5b5b5;
  --black: #000000;
  --white: #ffffff;

  --star-reg: 'Stardust-Regular';
  --star-bold: 'Stardust-Bold';
  --pret-reg: 'Pretendard-Regular';
  --pret-bold: 'Pretendard-Bold';

}



html, body {
    height: 100dvh;
    width: 100vw;
    top: 0;
    margin: 0;
    padding: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
#root {
    width: 100%;
    min-height: 100%;
    padding-bottom: 100px;

}

* {
    font-family: var(--pret-reg);
}