@font-face {
  font-family: "Pretendard";
  src: url("/assets/fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

:root {
  --ink: #122d61;
  --font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
}
body, button, input, select, textarea { font-family: var(--font); }

/* Keep the first visible paint on one font, even when the cache is empty. */
html.font-loading body { visibility: hidden; }
html.font-loading::after {
  content: "";
  position: fixed;
  top: calc(50% - 14px);
  left: calc(50% - 14px);
  width: 28px;
  height: 28px;
  border: 2px solid #e2e8f1;
  border-top-color: #122d61;
  border-radius: 50%;
  animation: font-loading-spin .8s linear infinite;
}
html.font-fallback { --font: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; }
@keyframes font-loading-spin { to { rotate: 360deg; } }
@media (prefers-reduced-motion: reduce) { html.font-loading::after { animation: none; } }