.site-footer { padding: 2.5rem 0; background: #0f1115; color: #d7d9df; }
.site-footer a { color: #d7d9df; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 1.25rem;
}
.footer-brand a { font-weight: 600; }
.footer-brand .muted { color: #9aa0a6; margin-top: .5rem; font-size: .9rem; }

.footer-nav ul { list-style: none; padding: 0; margin: 0; }
.footer-nav li { margin: .35rem 0; }

.footer-meta p { margin: .35rem 0; color: #c3c7cf; white-space: pre-line; }

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr; }
}

/* 1) 폰트 선언 */
@font-face {
  font-family: 'CheonRiMa';
  src: url('/user/themes/quark/fonts/CheonRiMa-Medium.woff2') format('woff2'),
       url('/user/themes/quark/fonts/CheonRiMa-Medium.woff') format('woff'),
       url('/user/themes/quark/fonts/CheonRiMa-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 2) 기본 폰트 스택 정의 (CJK/영문 폴백 포함) */
:root {
  --app-font: 'CheonRiMa', 'Noto Sans KR', 'Apple SD Gothic Neo',
              'Malgun Gothic', 'Segoe UI', Roboto, Arial, sans-serif;
}

/* 3) 전역 적용 - body에서 1번만 지정 */
html, body {
  font-family: var(--app-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 4) 상속 강제: 대부분의 요소는 body의 폰트를 따르게 */
*, *::before, *::after {
  font-family: inherit;
}

/* 5) 테마/컴포넌트가 폰트를 덮어쓰는 경우 방지 */
h1,h2,h3,h4,h5,h6,
p,span,small,strong,em,blockquote,
a,li,nav,button,label,
input,select,textarea,
table,th,td,code,pre,kbd,samp {
  font-family: inherit !important;
}

/* 6) 코드/수치 UI만 필요 시 별도 지정 (원치 않으면 삭제 가능) */
code, pre, kbd, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* 7) 관리자(Editor) 미리보기까지 맞추고 싶다면(옵션)
   Admin 플러그인의 미리보기 iframe/컨테이너 클래스에 맞춰 추가하세요. */
.g-editor-preview, .editor-content, .markdown-preview, .grav-editor-preview {
  font-family: var(--app-font) !important;
}