/* ==================================================
   Custom Typography Variables
   (Override Neve Customizer)
   ================================================== */

/* ========== Desktop (기본) ========== */
:root {
	--bodyfontfamily: 'Akatab';
	--headingsfontfamily: 'Akatab', 'Nanum Gothic', sans-serif;

	/* H1 */
	--h1fontsize: 3rem;
	--h1fontweight: 700;
	--h1lineheight: 1.2em;
	--h1letterspacing: 1.5px;
	--h1texttransform: none;

	/* H2 */
	--h2fontsize: 1.75rem;
	--h2fontweight: 700;
	--h2lineheight: 1.4em;
	--h2letterspacing: normal;
	--h2texttransform: none;

	/* H3 */
	--h3fontsize: 1.4rem;
	--h3fontweight: 700;
	--h3lineheight: 1.5em;
	--h3letterspacing: normal;
	--h3texttransform: none;

	/* H4 */
	--h4fontsize: 1.2rem;
	--h4fontweight: 300;
	--h4lineheight: 1.2em;
	--h4letterspacing: normal;
	--h4texttransform: none;

	/* H5 */
	--h5fontsize: 0.95rem;
	--h5fontweight: 100;
	--h5lineheight: 1.2em;
	--h5letterspacing: normal;
	--h5texttransform: none;

	/* H6 */
	--h6fontsize: 1.2rem;
	--h6fontweight: 400;
	--h6lineheight: 1.2em;
	--h6letterspacing: normal;
	--h6texttransform: none;
}


/* ========== Tablet ========== */
@media (max-width: 768px) {
	:root {
		--h1fontsize: 2.3rem;
		--h1lineheight: 1.2em;
		--h1letterspacing: 1px;

		--h2fontsize: 1.56rem;
		--h2lineheight: 1.2em;

		--h3fontsize: 1.3rem;
		--h3lineheight: 1.4em;

		--h4fontsize: 1.1rem;
		--h4lineheight: 1.2em;

		--h5fontsize: 0.85rem;
		--h5lineheight: 1.2em;

		--h6fontsize: 1.1rem;
		--h6lineheight: 1.1em;
	}
}


/* ========== Mobile ========== */
@media (max-width: 576px) {
	:root {
		--h1fontsize: 1.5rem;
		--h1lineheight: 1.2em;
		--h1letterspacing: 0.5px;

		--h2fontsize: 1.25rem;
		--h2lineheight: 1.2em;

		--h3fontsize: 1.2rem;
		--h3lineheight: 1.3em;

		--h4fontsize: 1rem;
		--h4lineheight: 1.2em;

		--h5fontsize: 0.75rem;
		--h5lineheight: 1.2em;

		--h6fontsize: 1rem;
		--h6lineheight: 1em;
	}
}

/* ==================================================
   Heading Styles (Use Variables)
   ================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--bodyfontfamily) !important;
}

/* H1 */
h1 {
	font-size: var(--h1fontsize) !important;
	font-weight: var(--h1fontweight) !important;
	line-height: var(--h1lineheight) !important;
	letter-spacing: var(--h1letterspacing) !important;
	text-transform: var(--h1texttransform) !important;
}

/* H2 */
h2 {
	font-size: var(--h2fontsize) !important;
	font-weight: var(--h2fontweight) !important;
	line-height: var(--h2lineheight) !important;
	letter-spacing: var(--h2letterspacing) !important;
	text-transform: var(--h2texttransform) !important;
}

/* H3 */
h3 {
	font-size: var(--h3fontsize) !important;
	font-weight: var(--h3fontweight) !important;
	line-height: var(--h3lineheight) !important;
	letter-spacing: var(--h3letterspacing) !important;
	text-transform: var(--h3texttransform) !important;
}

/* H4 */
h4 {
	font-size: var(--h4fontsize) !important;
	font-weight: var(--h4fontweight) !important;
	line-height: var(--h4lineheight) !important;
	letter-spacing: var(--h4letterspacing) !important;
	text-transform: var(--h4texttransform) !important;
}

/* H5 */
h5 {
	font-size: var(--h5fontsize) !important;
	font-weight: var(--h5fontweight) !important;
	line-height: var(--h5lineheight) !important;
	letter-spacing: var(--h5letterspacing) !important;
	text-transform: var(--h5texttransform) !important;
}

/* H6 */
h6 {
	font-size: var(--h6fontsize) !important;
	font-weight: var(--h6fontweight) !important;
	line-height: var(--h6lineheight) !important;
	letter-spacing: var(--h6letterspacing) !important;
	text-transform: var(--h6texttransform) !important;
}