/* 주아 */
@import url("https://fonts.googleapis.com/css2?family=Jua&display=swap");
/* 나눔스퀘어 */
@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");
/* Pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

:root {
  /* Colors */
  --primary-color: #ef8e38;
  --secondary-color: #92ae49;
  --accent-color: #ff8000;
  --accent-color2: #a55fee;
  --accent-color3: #5fabf5;
  --accent-color4: #f6cd55;
  
  --background-color: #fffcfa;
  --white-color: #fff;
  --body-font-color: #232221;
  
  /* Typography */
  --title-font-family: "Jua";
  --body-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --large-font-size: 18px;
  --base-font-size: 16px;
  --small-font-size: 14px;
  --line-height: 23px;
  
  /* Spacing */
  --spacing-xs: 5px;
  --spacing-sm: 12px;
  --spacing-md: 20px;
  --spacing-lg: 24px;
  --spacing-xl: 30px;
  
  /* Border */
  --border-radius: 20px;
  --border-width: 0.5px;
  --text-underline-offset: 4px;
  
  /* Shadow */
  --box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  
  /* Transition / Animation */
  --transition-duration: 0.3s;
  --animation-duration: 0.3s;
}