/**
 * =========================================================
 * 파일명 : typography.css
 * 위치 : /www/assets/css/base
 * ---------------------------------------------------------
 * 목적
 * - 프로젝트 공통 Typography 스타일
 *
 * 담당 기능
 * - Body Font
 * - Heading
 * - Paragraph
 * - Small Text
 * =========================================================
 */

/* =========================
   Body
========================= */

body{

    font-family:var(--font-family);

    font-size:16px;

    font-weight:400;

    line-height:1.6;

    color:var(--color-text);

    background:var(--color-background);

}

/* =========================
   Heading
========================= */

h1,
h2,
h3,
h4,
h5,
h6{

    font-weight:700;

    line-height:1.3;

    color:var(--color-text);

}

h1{

    font-size:32px;

}

h2{

    font-size:28px;

}

h3{

    font-size:24px;

}

h4{

    font-size:20px;

}

h5{

    font-size:18px;

}

h6{

    font-size:16px;

}

/* =========================
   Paragraph
========================= */

p{

    color:var(--color-text-light);

}

/* =========================
   Small
========================= */

small{

    font-size:13px;

    color:var(--color-text-light);

}