/* ==========================================================================
   tokens.css — 디자인;연우 디자인 토큰 (design.md §1)
   --------------------------------------------------------------------------
   컬러는 로고 원본(assets/img/logo.png)에서 스포이드 실측 후 보정한 값이다.
   design.md 근사값 → 실측 보정값:
     cyan    #29ABE2 → #01BCF3
     magenta #F0509E → #F162A4
     yellow  #FFD947 → #FEF558
     orange  #F7941D → #F7881F
   (실측: PIL로 로고 픽셀 최빈색 추출, 2026-09-03)
   ========================================================================== */

:root {
  /* --- 잉크 컬러 (CMYK 은유) --- */
  --yw-cyan:    #01BCF3;  /* C — public (공공기관 간행물) */
  --yw-magenta: #F162A4;  /* M — design-pub (디자인 PUB) */
  --yw-yellow:  #FEF558;  /* Y — self-publishing (1인출판) */
  --yw-black:   #1A1A1A;  /* K — ebook · 본문 · 스트로크 */
  --yw-orange:  #F7881F;  /* 워드마크 색 — CTA 전용 */

  /* --- 종이 / 중립 --- */
  --yw-paper:   #FFFFFF;  /* 배경은 항상 종이(순백) */
  --yw-gray:    #6B6B6B;  /* 캡션·각주 전용 */
  --yw-ink-soft: #454545; /* 설명 본문(섹션 리드·카드 설명) — 회색 단조 탈피, 대비 7.9:1 */

  /* --- 잉크 면 위 텍스트 색 (대비 규칙, design.md §1) ---
     옐로 면 → 블랙 텍스트, 시안/마젠타 면 → 화이트 굵은 글자 */
  /* 실측 CMY는 밝아 흰 텍스트가 AA 미달(시안 2.21·마젠타 2.99). 검정이 통과(7.86·5.82).
     → 시안/마젠타/옐로 위는 검정, K(블랙) 면 위만 흰색. (Phase 6 대비 실측 보정) */
  --on-cyan:    var(--yw-black);
  --on-magenta: var(--yw-black);
  --on-yellow:  var(--yw-black);
  --on-black:   var(--yw-paper);

  /* --- 서비스별 배정 컬러 (architecture.md §5, --accent로 주입) --- */
  /* 각 서비스 페이지/카드에서 --accent 를 아래 중 하나로 지정해 사용 */

  /* --- 스트로크 (사이트 시그니처: 모든 색면·카드·버튼) --- */
  --stroke-w: 2px;
  --stroke:   var(--stroke-w) solid var(--yw-black);

  /* --- 타이포그래피 (design.md §2) --- */
  --font-display: "Paperlogy", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --font-body:    "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;

  --fs-h1:    clamp(32px, 5vw, 56px);
  --fs-h2:    28px;
  --fs-h3:    20px;
  --fs-body:  16px;
  --fs-small: 14px;

  --lh-body:    1.7;
  --lh-heading: 1.2;
  --measure:    680px;  /* 본문 최대 줄폭 */

  /* --- 레이아웃 (design.md §3) --- */
  --container:      1120px;
  --radius:         0;      /* border-radius 0 전역 */
  --section-y:      96px;   /* 섹션 상하 여백 (데스크톱) */
  --section-y-sm:   56px;   /* 섹션 상하 여백 (모바일) */

  /* --- 간격 스케일 (4/8pt) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* --- 모션 (design.md §4) --- */
  --dur-hero:  0.8s;   /* 히어로 책 심볼 1회 펼침 */
  --dur-micro: 120ms;  /* 액션 응답 */
  --ease:      ease-out;
  --ink-offset: 2px;   /* hover 시 잉크블록 우하단 이동량 */

  /* --- 브레이크포인트 (참고용 상수, 미디어쿼리는 값 직접 사용) --- */
  --bp-mobile:  380px;
  --bp-tablet:  768px;
  --bp-desktop: 1120px;
}