/* ============================================================================
   BASTILLE MANSION — ACCENT APPLY (발주 B · 2026-07-26)
   design-tokens-v3.css 의 --acc-* 7색을 실제 화면에 붙이는 유일한 파일.
   ----------------------------------------------------------------------------
   규율 (SPEC_ICONIFY.md 절대 제약 §5)
   · 액센트 전용 — 러너 2px · 인장 3px · 칩 테두리(-line) · 아이콘 · 소형 라벨.
   · 배경 전면 칠·본문 텍스트 착색 금지. 골드가 여전히 주인공이다.
   · 활성(.active/.on) 상태의 골드는 손대지 않는다 — 선택 어포던스가 골드다.
   · 크림슨은 한 줄도 늘리지 않는다.
   구조
   · index.html 은 data-acc="<계열>" 속성만 갖는다. 색은 전부 여기 있다.
   · JS(memledger.js/planboard.js/amusements.js)가 런타임에 주입하는 규칙은
     이 파일보다 늦게 head 에 붙는다. 그래서 패널 id 로 특이도를 올려
     (0,1,1,0 > 0,0,1,0) 순서와 무관하게 이긴다. !important 는 쓰지 않는다.
   되돌리기: 이 파일과 index.html 의 <link> 한 줄만 지우면 완전 원상복구.
   ============================================================================ */

/* ── 계열 → 지역 변수 다리. data-acc 하나로 자손 전체가 색을 물려받는다.
   --acc-room-line 은 아직 이 파일에서 쓰지 않는다. 방 단위 칩·테두리를 나중에
   더 붙일 때 쓰라고 같이 깔아 둔 자리다(선언만으론 아무 것도 그리지 않는다). ── */
[data-acc="archive"]{--acc-room:var(--acc-archive);--acc-room-line:var(--acc-archive-line)}
[data-acc="blueprint"]{--acc-room:var(--acc-blueprint);--acc-room-line:var(--acc-blueprint-line)}
[data-acc="vitals"]{--acc-room:var(--acc-vitals);--acc-room-line:var(--acc-vitals-line)}
[data-acc="music"]{--acc-room:var(--acc-music);--acc-room-line:var(--acc-music-line)}
[data-acc="ledger"]{--acc-room:var(--acc-ledger);--acc-room-line:var(--acc-ledger-line)}
[data-acc="play"]{--acc-room:var(--acc-play);--acc-room-line:var(--acc-play-line)}
[data-acc="system"]{--acc-room:var(--acc-system);--acc-room-line:var(--acc-system-line)}

/* ── ① 사이드바 방 문패 ─────────────────────────────────────────────────
   좌측 2px 러너 + 소형 라벨(.nav-sub 10px)만 착색.
   방 이름(.nav-name)과 활성 골드 배경은 건드리지 않는다(하드룰: 방 이름 전체 표기). */
#sidebar .tab-btn[data-acc]{position:relative}
#sidebar .tab-btn[data-acc]::before{
  content:"";position:absolute;left:2px;top:8px;bottom:8px;width:2px;border-radius:1px;
  background:var(--acc-room,var(--gold,#c5a059));opacity:.85;pointer-events:none}
#sidebar .tab-btn[data-acc]:not(.active) .nav-sub{color:var(--acc-room)}
/* 발주 A 가 문패에 <svg class="mi"> 를 넣으면 여기서 계열색을 물려받는다 */
#sidebar .tab-btn[data-acc] .mi{color:var(--acc-room)}

/* 모바일 하단 탭바 — 비활성 아이콘만. 활성은 골드 그대로. */
.tabbar button[data-acc]:not(.active) .material-symbols-outlined,
.tabbar button[data-acc]:not(.active) .mi{color:var(--acc-room)}

/* ── ② 방 패널 헤더 인장 — 방마다 정확히 1곳 ───────────────────────────
   제목 글자색(골드 저알파)은 그대로. 앞에 3px 인장만 세운다. */
.section-title[data-acc]::before{
  content:"";display:inline-block;width:3px;height:.82em;margin-right:.5rem;
  border-radius:2px;background:var(--acc-room,var(--gold,#c5a059));vertical-align:-.06em}

/* ── ③ 리스트 행 러너 — 이 발주의 존재 이유 ────────────────────────────
   기억 서고(마호가니) vs 기획 서고(청사진). 두 파일의 .ml-row/.pb-row 는
   값이 사실상 동일해 지금까지 구분이 불가능했다. 좌측 2px 띠 하나로 가른다. */
#memledger-panel .ml-row{border-left:2px solid var(--acc-archive)}
#drawing-panel   .pb-row{border-left:2px solid var(--acc-blueprint)}

/* ── ④ 칩 테두리 — 비선택 칩만 계열 라인. 선택(.on)은 골드 유지 ────────── */
#memledger-panel .ml-chip:not(.on){border-color:var(--acc-archive-line)}
#drawing-panel   .pb-chip:not(.on){border-color:var(--acc-blueprint-line)}

/* 방 머리 유리 헤더의 1px 외곽선 — 골드 저알파(.24)를 같은 알파의 계열 라인으로.
   두 서고에만 적용한다(최우선 목표). 알파가 같아 유리 레시피는 그대로다. */
#memledger-panel .ml-head{border-color:var(--acc-archive-line)}
#drawing-panel   .pb-head{border-color:var(--acc-blueprint-line)}

/* 행 안의 소형 라벨 — 기억 서고는 카테고리 태그, 기획 서고는 발주 번호.
   두 방을 스크롤 중에도 갈라 주는 마지막 표지. (.82rem 소형 라벨 — §5 허용) */
#memledger-panel .ml-cat-tag{color:var(--acc-archive)}
#drawing-panel   .pb-no{color:var(--acc-blueprint)}

/* ── ⑤ 삶의 리듬 시계 — 신체 계열(--acc-vitals) ────────────────────────
   골드 다이얼(링·바늘·시각)은 그대로 둔다. 카드 테두리·범례 점·부제만
   약초색으로 바꿔 "이 카드는 신체 계열"임을 알린다. */
#fun-body .fun-clock-card{border-color:var(--acc-vitals-line)}
#fun-body .fun-clock-card .fun-clock-dot{background:var(--acc-vitals)}
#fun-body .fun-clock-card .fun-clock-kicker{color:var(--acc-vitals)}

/* ── 접근성 ─────────────────────────────────────────────────────────────
   계열색은 전부 '추가' 표지다. 색을 못 보아도 방 이름·문패 텍스트가 그대로
   남아 정보 손실이 없다. 고대비 모드에서는 러너/인장을 currentColor 로 되돌린다. */
@media (forced-colors:active){
  #sidebar .tab-btn[data-acc]::before,
  .section-title[data-acc]::before{background:currentColor}
  #memledger-panel .ml-row,
  #drawing-panel   .pb-row{border-left-color:currentColor}
}