/* ============================================================
   DSL(주) 홈페이지 색 — 정본 (2026-09-17 Logan 결정, 리디자인부터 적용)
   ------------------------------------------------------------
   이 파일에 없는 색은 쓰지 않는다. hex·rgb를 직접 적지 말고 var(--dsl-*)로 쓴다.
   새 색이 필요해 보이면 추가하기 전에 Logan에게 묻는다.
   사용 규칙: CLAUDE.md 「확정된 규칙 → 색」
   검사:      python design/check_colors.py <파일|폴더>
   ============================================================ */
:root {
  /* ── 무채색 기조 — 회색은 전부 CI 잉크(#16181B)를 흰색에 섞은 값 ── */
  --dsl-ink:        #16181B; /* 본문 글자·제목·로고(CI 잉크)·어두운 띠/푸터 바탕 · 흰 바탕 17.8:1 */
  --dsl-ink-muted:  #5C5D5F; /* 보조 글자·입력칸 테두리 (잉크 70%) · 흰 바탕 6.6:1 */
  --dsl-line:       #E3E3E4; /* 장식용 구분선만 (잉크 12%) — 글자·입력칸 테두리에 쓰지 않는다 */
  --dsl-paper-alt:  #F5F5F6; /* 구획 바탕 (잉크 약 4%) */
  --dsl-paper:      #FFFFFF; /* 기본 바탕·어두운 바탕 위 글자·주 버튼 글자 */

  /* ── 행동 색 — 주 버튼·링크·포커스 표시에만 (화면 면적 3% 안팎) ── */
  --dsl-action:         #6E2436; /* 딥 버건디 · 흰 바탕 10.7:1 · 잉크 바탕 위에는 쓰지 않는다(1.67:1) */
  --dsl-action-hover:   #5E1F2E; /* 마우스 올림 (85%) */
  --dsl-action-pressed: #4F1A27; /* 누름 (72%) */

  /* ── 기능 색 — 오류 표시에만, 반드시 글자·아이콘과 함께 ── */
  --dsl-error:      #C62828; /* 흰 바탕 5.6:1 · 버건디와 1.9:1 */

  /* ── 투명도용 채널 — rgb(var(--dsl-ink-rgb) / 0.08)처럼 쓴다 (그림자·영상 위 어둡게 누르기) ── */
  --dsl-ink-rgb:    22 24 27;
  --dsl-paper-rgb:  255 255 255;
}
