@import url(./typo.css);

body, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ul, li { list-style: none;} input, textarea {
  all: unset;
}

button {
  appearance: none;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

a {
  all: unset;
  text-decoration: none;
  cursor: pointer;
}

body {
  margin: 0;
  font-family: 'Pretendard','Noto Sans KR', 'NanumSquare', Arial, sans-serif;
  background-color: var(--gray-100);
}

:root {
  /* Primary */
  --color-primary: #FF6732;

  /* sub */
  --color-secondary: #6B8BFF;

  /* Orange */
  --orange-100: #FFF6F4;
  --orange-200: #FFDDCE;
  --orange-300: #FFB191;
  --orange-400: #FF8D62;
  --orange-500: #E15A2B;

  /* Gray */
  --gray-900: #202327;
  --gray-800: #36393E;
  --gray-700: #686B70;
  --gray-600: #83868B;
  --gray-500: #A4A7B1;
  --gray-400: #BDC2CA;
  --gray-300: #EBEDF4;
  --gray-200: #F3F5FB;
  --gray-100: #F7F9FF;

  /* role color */
  --color-error: #EE2840;
  --color-complete: #2D57EF;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}