@import url("https://cdn.jsdelivr.net/npm/@fontsource/nanum-myeongjo@5.3.0/400.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/gothic-a1@5.3.0/400.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/gothic-a1@5.3.0/500.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/gothic-a1@5.3.0/700.css");

:root {
  --saessak-font-heading: "Nanum Myeongjo", "Apple Myungjo", "Noto Serif KR", serif;
  --saessak-font-body: "Gothic A1", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--saessak-font-body) !important;
  font-synthesis: none;
}

h1,
h2,
h3,
.hero-title,
.page-title,
.section-title,
.logo-title,
.order-card-title,
.headline-title,
.font-heading {
  font-family: var(--saessak-font-heading) !important;
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: -0.035em !important;
  word-break: keep-all;
}

code,
pre,
kbd,
samp,
#devBtn,
#devPanel,
#devPanel * {
  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
}