/* Shared typography for Web and Form; aligned with AliothTypography. */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  src: url("../fonts/PretendardVariable.woff2") format("woff2");
}

:root {
  --alioth-font-family: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alioth-text-display: 800 30px/1.3 var(--alioth-font-family);
  --alioth-text-title: 700 28px/1.35 var(--alioth-font-family);
  --alioth-text-section-title: 600 20px/1.4 var(--alioth-font-family);
  --alioth-text-description: 400 18px/1.55 var(--alioth-font-family);
  --alioth-text-body: 400 16px/1.5 var(--alioth-font-family);
  --alioth-text-body-medium: 500 16px/1.5 var(--alioth-font-family);
  --alioth-text-label: 600 14px/1.45 var(--alioth-font-family);
  --alioth-text-caption: 400 12px/1.4 var(--alioth-font-family);
  --bs-font-sans-serif: var(--alioth-font-family);
  --bs-body-font-family: var(--alioth-font-family);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--alioth-font-family);
}