/* ============================================================
   위키스튜디오 brand.css — DESIGN.md v0.3 토큰의 유일한 CSS 구현체
   두 사이트(cokr/kr)가 공유. 하드코딩 HEX 금지 — 여기서만 정의.
   ============================================================ */

:root {
  /* 컬러 토큰 (DESIGN.md §1) */
  --ink-900: #111A2E;
  --ink-700: #1B2A4A;
  --ink-500: #33456E;
  --crystal-500: #3EC6D9;
  --crystal-700: #15788A;
  --gold-500: #B98C1E;
  --paper-50: #FBF8F1;
  --paper-100: #F2ECDF;
  --gray-700: #3D4757;
  --gray-500: #677182;
  /* 다크 배경 위 보조 텍스트 */
  --ink-muted: #9FB0CE;

  /* 타이포 토큰 (DESIGN.md §2) */
  --font-serif: 'Noto Serif KR', 'Nanum Myeongjo', serif;
  --font-sans: 'Pretendard', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font-sans);
  color: var(--gray-700);
  background: var(--paper-50);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .serif { font-family: var(--font-serif); color: var(--ink-700); }

a { color: var(--crystal-700); text-decoration: none; }
a:hover { text-decoration: underline; }

.btn {
  display: inline-block; padding: 13px 28px; border-radius: 8px;
  font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer;
  border: 0; font-family: var(--font-sans);
}
.btn-primary { background: var(--crystal-500); color: var(--ink-900); }
.btn-primary:hover { filter: brightness(1.06); text-decoration: none; }
.btn-ghost-dark { border: 1px solid var(--ink-500); color: var(--ink-muted); background: none; }
.btn-ghost-light { border: 1px solid var(--gray-500); color: var(--gray-700); background: none; }

/* 공개 푸터 법정 표기 (회사사실.md 인용 — 개인정보 최소화) */
.brand-footer {
  font-size: 12px; color: var(--gray-500); text-align: center;
  padding: 28px 16px; line-height: 1.8;
}
.brand-footer.on-dark { color: var(--ink-muted); }