/* ═══════════════════════════════════════════════════════════════════
   메디페이스 공통 스타일시트  ·  site.css
   4개 메인 페이지(메인·사이니지·블로그·콘텐츠) 공유
   색상·여백을 이 파일 한 곳에서 관리합니다.
   ─────────────────────────────────────────────────────────────────
   · 페이지별 액센트(--cinnabar)는 각 페이지 상단 <style>에 그대로 둡니다.
     (메인·사이니지=적색 / 블로그=청록 / 콘텐츠=골드)
   · 아래 값만 바꾸면 4개 페이지에 동시에 반영됩니다.
   ═══════════════════════════════════════════════════════════════════ */
:root {
  /* ── 텍스트 ───────────────────────────────── */
  --ink: #1a1614;        /* 본문·제목 */
  --ink-soft: #2d2824;   /* 부제목 */
  --muted: #6b6358;      /* 보조 설명 */

  /* ── 배경 (밝고 스마트하게 조정) ──────────────── */
  --paper: #faf9f6;      /* 기본 배경 (구 #f4efe6 → 밝게) */
  --paper-warm: #ece8de; /* 교차 섹션 배경 · 구분 위해 또렷하게(밝기 유지) */
  --paper-deep: #e9e6de; /* 강조 배경 (구 #e0d4bd → 밝게) */
  --line: #ddd7ca;       /* 구분선·테두리 · 헤어라인 가시성 확보(여전히 밝음) */

  /* ── 보조 액센트 (공통) ────────────────────── */
  --jade: #3d5a4a;
  --gold: #9c7a3e;

  /* ── 섹션 여백 토큰 (간격 축소) ──────────────── */
  --sec-y: 56px;         /* 섹션 상하 여백 · 데스크톱 (구 72px) */
  --sec-y-m: 44px;       /* 섹션 상하 여백 · 모바일 (구 56px) */
}

/* ─────────────────────────────────────────────────────────────────
   섹션 구분 — 밝은 톤에서도 경계가 보이도록 상단 헤어라인
   (다크 배경인 process-section 은 라인 제외)
   ───────────────────────────────────────────────────────────────── */
section.block,
section.block-wide {
  border-top: 1px solid var(--line);
}
section.process-section {
  border-top: none;
}