body {
  --primary-50: #f0e7f7;
  --primary-100: #d0b6e6;
  --primary-200: #b992da;
  --primary-300: #9860c9;
  --primary-400: #8541bf;
  --primary-500: #6612af;
  --primary-600: #5d109f;
  --primary-700: #480d7c;
  --primary-800: #380a60;
  --primary-900: #2b084a;

  --primary-color: var(--primary-500); /* 포인트 컬러 */
  --primary-hover-color: var(--primary-600); /* 기본 마우스오버 */
  --highlight-text-color: var(--primary-700); /* 셀랙트 박스 선택 텍스트 */
  --highlight-bg-color: var(--primary-50); /* 셀랙트 박스 선택 백그라운드 */
  --highlight-focus-color: var(--primary-100); /* 셀랙트 박스 포커스 */
  --button-hover: var(--primary-600); /* 버튼 마우스 오버 */
  --button-line-hover: var(--primary-50); /* 라인 버튼 마우스 오버 */
  --p-focus-ring-color: var(--primary-900);

  --font-family: "Pretendard Variable";
  --input-filter-height: 50px;
}