/* ================================================================
   GHM Design Tokens
   --------------------------------------------------------------
   모든 페이지가 따르는 단 하나의 기준점.
   <link rel="stylesheet" href="/assets/tokens.css"> 한 줄로 적용.
   참고 가족: HTB · Bridgetown · Practicing the Way
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500&family=Pretendard:wght@400;500;600&display=swap');

:root {

  /* ── 다섯 색 (사이트의 뼈대) ────────────────────────────── */
  --ghm-bg:           #F5F0E8;        /* 크림 베이지 — 사이트 바탕 */
  --ghm-surface:      #FFFFFF;        /* 순백 — 카드·박스 */
  --ghm-ink:          #3D2F24;        /* 딥 모카 — 본문 글자 */
  --ghm-sage:         #5C7A6B;        /* 세이지 그린 — 기본 강조 */
  --ghm-gold:         #B8956A;        /* 웜 골드 — 특별한 자리 */

  /* 본문 색 단계 */
  --ghm-ink-muted:    rgba(61, 47, 36, 0.65);
  --ghm-ink-faint:    rgba(61, 47, 36, 0.45);
  --ghm-ink-soft:     rgba(61, 47, 36, 0.30);

  /* 강조 색의 부드러운 버전 (배경용) */
  --ghm-sage-soft:    #E8EEE9;
  --ghm-gold-soft:    #F7EFE0;

  /* 콘텐츠별 색 (내부 페이지에서만 사용) */
  --ghm-nl:           #C97B5C;        /* 새로운 삶 — 코랄 */
  --ghm-nl-soft:      #FAEEE7;
  --ghm-gr:           #6B7A50;        /* 자라가는 삶 — 올리브 */
  --ghm-gr-soft:      #EEF1E7;
  --ghm-sh:           #8A6E4F;        /* 나누는 삶 — 캐러멜 */
  --ghm-sh-soft:      #F4EDE2;

  /* 캠퍼스 색 */
  --ghm-campus:       #4A6657;        /* 캠퍼스 — 진한 세이지 */
  --ghm-campus-soft:  #DDE5DE;

  /* ── 선·테두리 (그림자 없음) ──────────────────────── */
  --ghm-line:         rgba(61, 47, 36, 0.15);
  --ghm-line-soft:    rgba(61, 47, 36, 0.08);
  --ghm-line-strong:  rgba(61, 47, 36, 0.35);

  /* ── 모서리 ─────────────────────────────────────────── */
  --ghm-radius-sm:    4px;
  --ghm-radius-md:    12px;
  --ghm-radius-lg:    24px;

  /* ── 여백 (8의 배수만) ──────────────────────────────── */
  --ghm-space-1:      8px;
  --ghm-space-2:      16px;
  --ghm-space-3:      24px;
  --ghm-space-4:      40px;
  --ghm-space-5:      64px;
  --ghm-space-6:      96px;
  --ghm-space-7:      128px;

  /* ── 폰트 ─────────────────────────────────────────────── */
  --ghm-font-serif:   'Noto Serif KR', 'Times New Roman', serif;
  --ghm-font-sans:    'Pretendard', -apple-system, BlinkMacSystemFont,
                      'Apple SD Gothic Neo', sans-serif;

  --ghm-text-xs:      13px;
  --ghm-text-sm:      14px;
  --ghm-text-base:    16px;
  --ghm-text-lg:      18px;
  --ghm-text-xl:      22px;
  --ghm-text-2xl:     28px;
  --ghm-text-3xl:     40px;
  --ghm-text-hero:    56px;

  /* ── 전환·애니메이션 (조용하게) ─────────────────────── */
  --ghm-ease:         cubic-bezier(0.22, 0.61, 0.36, 1);
  --ghm-duration:     220ms;

  /* ── 컨테이너 폭 ────────────────────────────────────── */
  --ghm-container:    1120px;
  --ghm-container-narrow: 760px;
}

@media (min-width: 768px) {
  :root {
    --ghm-text-2xl:   32px;
    --ghm-text-3xl:   48px;
    --ghm-text-hero:  72px;
  }
}