/* ============================================================================
   내용관리 페이지 색 토큰 (2026-08-07)

   bbs/content.php 로 뜨는 21개 페이지(예총소개·연혁·정관·조직도·후원안내 …)는
   본문 HTML이 DB(g5_content.co_content)에 들어 있고, 각 페이지가 자기 <style>
   블록을 들고 있었다. 색이 전부 hex 로 직접 박혀 있어서(67종 374회) 테마
   컬러셋을 바꿔도 본문만 옛 색으로 남는 문제가 있었다.

   그래서 본문의 hex 를 전부 아래 토큰 참조로 바꾸고, 실제 값은 여기 한 곳에서
   정한다. 컬러셋을 바꾸면 이 토큰만 덮어쓰면 되고, 본문 HTML 은 다시 손대지
   않아도 된다. CSS 를 쓰는 원래 목적 그대로다.

   ★ 이 파일의 값은 "치환 이전과 똑같은 색"이다. 즉 컬러셋을 끄면 화면이
     이전과 100% 동일하다. 새 색은 colorset-*.css 가 이 토큰을 덮어서 만든다.
   ============================================================================ */

:root {
  /* ── 획·선 ── */
  --c-line:          #e5dfd5;  /* 테두리·구분선 (36회, 15페이지 - 최다 사용) */
  --c-line-soft:     #e0dfd5;
  --c-sand:          #e2d7c7;

  /* ── 글자 ── */
  --c-text-body:     #222222;  /* 본문 (18페이지) */
  --c-text-strong:   #2b2620;  /* 제목·강조 */
  --c-text-muted:    #4a443c;  /* 보조 문구 */
  --c-ink:           #1a1a1a;  /* 최진하게 */

  /* ── 강조 ── */
  --c-red:           #a83c34;  /* 붉은 강조 (35회, 11페이지) */
  --c-red-deep:      #9e2a2b;
  --c-red-bright:    #c24638;
  --c-red-dark:      #8f2c26;
  --c-gold:          #b8862f;  /* 금색 강조 (31회, 11페이지) */
  --c-gold-bright:   #c59b27;
  --c-gold-soft:     #c5a059;
  --c-gold-deep:     #8a5a1f;
  --c-gold-mid:      #b89768;
  --c-gold-pale:     #e9c46a;
  --c-gold-light:    #e3c583;

  /* ── 바탕 ── */
  --c-paper:         #ffffff;
  --c-paper-1:       #fcfbfa;  /* 아주 옅은 종이 */
  --c-paper-2:       #fdfbf7;
  --c-paper-3:       #fbf7ec;
  --c-paper-4:       #f7e9d8;
  --c-paper-5:       #f4ebe1;
  --c-dark-bg:       #090c15;  /* 다크 섹션 배경 */
  --c-navy:          #162444;

  /* ── 8개 회원협회 고유색 ──
     hub_* 페이지의 정체성이라 컬러셋과 무관하게 유지한다. 다만 값은 여기서
     관리해 hub 페이지 8개를 각각 고치지 않아도 되게 한다. */
  --c-assoc-gukak:    #7a5d2e;  /* 국악 */
  --c-assoc-dance:    #8f2a4a;  /* 무용 */
  --c-assoc-literary: #2e2822;  /* 문인 */
  --c-assoc-art:      #154d42;  /* 미술 */
  --c-assoc-photo:    #1e2124;  /* 사진 */
  --c-assoc-drama:    #5c2029;  /* 연극 */
  --c-assoc-ent:      #9e7b1f;  /* 연예 */
  --c-assoc-music:    #1e2c4f;  /* 음악 */
  /* ── 페이지 전용 색 33종 (2차 토큰화) ──
     한 페이지에서만 쓰이는 값들. 여러 hex 를 한 토큰으로 합치면 컬러셋을
     껐을 때 화면이 미묘하게 달라지므로 1:1 로 유지한다. */

  --c-assoc-art-mid:         #1e6b5c;
  --c-assoc-dance-mid:       #b8355f;
  --c-assoc-drama-mid:       #7a2e3a;
  --c-assoc-gukak-mid:       #9e7b3d;
  --c-assoc-literary-mid:    #4a4038;
  --c-assoc-music-mid:       #2c3e6b;
  --c-assoc-photo-mid:       #33383d;

  --c-org-navy:              #1d3557;
  --c-org-brown:             #8c6d58;
  --c-org-sand:              #d9c8b8;
  --c-org-paper:             #faf6f0;
  --c-org-cream:             #f1e3d3;
  --c-org-gold-pale:         #f8e5ba;
  --c-org-paper2:            #f6f1ea;
  --c-org-line:              #e5d9c8;
  --c-org-red:               #781f20;
  --c-org-ink:               #2b2b2b;

  --c-doc-cream:             #fbf3e4;
  --c-doc-rust:              #7a3a2f;
  --c-doc-olive:             #6b5636;
  --c-doc-gold:              #a8763a;
  --c-doc-muted:             #5a5248;
  --c-doc-muted2:            #6b645a;

  --c-am-line:               #efe7d7;
  --c-am-paper:              #fff8ef;
  --c-am-gold:               #e6c98a;
  --c-am-green:              #1a5e55;

  --c-donation-gold:         #a8752c;

  --c-history-brown:         #8a5a2a;

  --c-presidents-paper:      #f8f5ef;

  --c-sponsor-green:         #7a9a6f;

  --c-gray-55:               #555555;
  --c-gray-cc:               #cccccc;
  /* ── 스킨 인라인에서 옮겨온 값 (2026-08-08) ──
     인라인 style="" 은 CSS 로 덮을 수 없어 값을 토큰 참조로 바꿨다.
     아래는 옮기기 전과 똑같은 색이라 컬러셋을 끄면 화면이 동일하다. */
  --am-intro:      #1a5e55;
  --am-request:    #a83c34;
  --attach-head:   #5b1a4a;
  --badge-count:   #d64545;
  --brand-deep:    #4f279f;
  --btn-delete:    #8b0000;
  --tint-05:       rgba(91, 22, 214, 0.05);
  --tint-06:       rgba(91, 22, 214, 0.06);
  --tint-08:       rgba(91, 22, 214, 0.08);
  --tint-10:       rgba(91, 22, 214, 0.10);
  --tint-12:       rgba(91, 22, 214, 0.12);
  --tint-15:       rgba(91, 22, 214, 0.15);
  --tint-25:       rgba(91, 22, 214, 0.25);
  --tint-30:       rgba(91, 22, 214, 0.30);
  --tint-35:       rgba(91, 22, 214, 0.35);
  --tint-40:       rgba(91, 22, 214, 0.40);
  --tint-50:       rgba(91, 22, 214, 0.50);
  /* ── 3자리 hex 에서 옮겨온 값 (2026-08-08) ──
     1차 토큰화가 6자리만 잡아 놓쳤던 100곳. 전부 무채색이지만 위계도
     온기도 없이 떠 있던 값이라 글자 스케일에 편입시킨다. */
  --c-t-strong:    #111111;
  --c-t-body:      #444444;
  --c-t-sub:       #555555;
  --c-t-muted:     #666666;
  --c-t-meta:      #888888;
  --c-t-faint:     #999999;
  --c-t-disabled:  #bbbbbb;
  /* ── 조직도 전용 면 색 (2026-08-08) ──
     글자 강조용 토큰을 면 채우기에 같이 쓰다가 담채에서 새까매졌다.
     면과 글자의 토큰을 분리한다. */
  --org-node-bg:      #1a1a1a;
  --org-node-fg:      #f1e3d3;
  --org-node-title:   #e9c46a;
  --org-node-sub:     #c5a059;
  --org-summary-bg:   #9e2a2b;
  --org-summary-sub:  #f8e5ba;
  --org-th-bg:        #9e2a2b;
  --org-th-fg:        #ffffff;
  --org-summary-fg:   #ffffff;
  --org-office-bg:    #1d3557;
  --org-office-fg:    #ffffff;
  /* ══ 표면 시스템 (2026-08-08) ══
     면을 고르면 전경이 따라온다. 배경과 글자를 각각 고르는 것을 금지하기
     위한 장치다. 아래 값은 기본 컬러셋의 현재 색과 같다. */
  --s-paper:            #ffffff;
  --on-paper-strong:    #111111;
  --on-paper:           #222222;
  --on-paper-muted:     #666666;
  --s-page:             #f8fafc;
  --on-page-strong:     #111111;
  --on-page:            #222222;
  --on-page-muted:      #666666;
  --s-raised:           #f1e9da;
  --on-raised-strong:   #2b2620;
  --on-raised:          #4a443c;
  --rule-on-raised:     #e5dfd5;
  --s-sunken:           #e5dfd5;
  --on-sunken-strong:   #2b2620;
  --on-sunken:          #4a443c;
  --s-ink:              #090c15;
  --on-ink-strong:      #ffffff;
  --on-ink:             #e5dfd5;
  --on-ink-muted:       #b8b5ae;
  --s-ink-deep:         #090c15;
  --on-ink-deep-strong: #ffffff;
  --on-ink-deep:        #e5dfd5;
  --on-ink-deep-muted:  #94a3b8;
  /* 옅은 금색 면 위에 얹는 글자색. 같은 계열 금색을 그대로 쓰면
     2.28:1 로 잠긴다(실측). 한 단 짙은 금색이어야 AA 가 나온다. */
  --c-gold-on-tint:  #7a5220;
}
