/* ============================================================
   HAM MEDIA — UI 토큰 표준 (canonical / 초안)
   출처: 02_hammedia-homepage/assets/css/styles.css (브랜드 본진, hammedia.co.kr)
   역할: 모든 공개 도구가 색·여백·모서리·그림자를 이 토큰에 맞춘다.
   원칙: 도구별로 값을 임의로 바꾸지 않는다. 바꿀 일이 있으면 이 파일에서 바꾼다.
   ============================================================ */
:root {
  /* ── 바탕 · 먹 · 면 (Foundation) ───────────────────── */
  --paper:       #F9F7F3;            /* 기본 카드/표면 */
  --paper-deep:  #F5F3EE;            /* 페이지 바탕(더 깊은 아이보리) */
  --ink:         #1C1814;            /* 제목/본문 */
  --muted:       #4A423C;            /* 보조 텍스트 */
  --line:        rgba(28, 24, 20, 0.14); /* 경계선 */

  /* ── 브랜드 강조 (Accent: 장식·링크·하이라이트) ───── */
  --accent:      #7EB5E8;            /* 부드러운 블루. 홈페이지의 핵심 강조색 */

  /* ── 자연톤 (Soft surfaces / tags) ────────────────── */
  --sage:        #B9C3AE;
  --beige:       #DED2BE;
  --blue-gray:   #C7D3D5;

  /* ── 액션 · 의미색 (도구용) ───────────────────────── */
  --action:      #00704A;            /* CTA/실행 버튼. 진한 그린, 아이보리 위 가독 좋음 */
  --warn:        #CC0000;            /* 경고/금지 */
  --highlight:   #F4DC59;            /* 골드. 아주 가끔 포인트 */

  /* ── 글자 ─────────────────────────────────────────── */
  --font:  "Pretendard", -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Segoe UI", sans-serif;
  --serif: "Noto Serif KR", Georgia, serif;  /* 인용 같은 에디토리얼 한 줄에만 */

  /* ── 모서리 (부드럽고 크게) ───────────────────────── */
  --radius-sm:   12px;
  --radius:      16px;               /* 기본 카드 */
  --radius-lg:   24px;               /* 큰 패널 */
  --radius-pill: 999px;              /* 칩/버튼 */

  /* ── 그림자 (부드럽고 넓게) ───────────────────────── */
  --shadow:      0 28px 80px rgba(45, 37, 27, 0.12);  /* 큰 패널 */
  --shadow-soft: 0 18px 45px rgba(32, 26, 22, 0.08);  /* 일반 카드 */
}