@charset "utf-8";

:root{
  --primary-color: #5f48b0;
  --primary-color-hover: #56419e;
  --primary-light-color: #efedf7;
  --primary-light-color-hover: #e7e4f3;
  --primary-dark-color: #473684;
  --primary-dark-color-hover: #392b6a;

  --secondary-color: #3b5bb0;
  --secondary-color-hover: #35529e;
  --secondary-light-color: #ebeff7;
  --secondary-light-color-hover: #e2e6f3;
  --secondary-dark-color: #2c4484;
  --secondary-dark-color-hover: #23376a;

  --accent-color:#3ba0cc;
  --accent-color-hover:#3590b8;
  --accent-light-color:#ebf6fa;
  --accent-light-color-hover:#e2f1f7;
  --accent-dark-color:#2c7899;
  --accent-dark-color-hover:#23607a;


  --red-color: #e81717;
  --red-color-hover: #d11515;
  --red-light-color: #fde8e8;
  --red-light-color-hover: #fee9e2;

  --green-color: #19B32B;
  --green-color-hover: #0E9A1F;

  --gray-color: #81899C;
  --gray-color-hover: #717379;
  --lightgray-color: #D5D9E3;
  --lightgray-color-hover: #BFC3CD;

  --primary-title-font:'Pretendard';
  --secondary-title-font:'Gmarket Sans TTF';

  --primary-title-color:#1A1B1D;
  --body-text-color:#3F4043;

  --disable-fill-bg-color:#F8F9FA;
  --disable-fill-line-color:#D3D7DE;
  --disable-fill-text-color:#8d9098;

  --default-line-color:#d3d7de;
  --disable-line-bg-color:#f5f6f7;
  --disable-line-border-color:#eaebef;
  --disable-line-text-color:#bcc0ca;
}