/* ============================================================================
   BASTILLE MANSION — DESIGN TOKENS v3 (2026-07-25 수주분)
   계열 식별 보조 팔레트 — 기존 design-tokens.css에 대한 "추가분만".
   ----------------------------------------------------------------------------
   규율:
   · 액센트 전용 — 칩 테두리(-line) · 행 좌측 러너(원색 2px) · 아이콘 색 ·
     헤더 인장. 배경 전면·본문 텍스트에는 쓰지 않는다(라벨 텍스트만 허용).
   · 골드가 주인공 — acc는 골드(L 0.72)보다 한 단 어두운 L 0.66으로 통일.
   · OKLCH L 0.66 균일 — 7색이 같은 체감 명도(다크 배경 대비 스텝 강화).
   · 크림슨 화면당 1개 원칙 불변. 재무 계열은 경고 아닌 중립 톤(동록).
   · 두 서고는 서로 다른 색 — 기억 서고=마호가니 / 기획 서고=청사진.
   ============================================================================ */
:root{
  /* 기록·기억 — 기억 서고 · The Scriptorium · 보관소 | oklch(0.66 0.075 42) | 대비 bg 5.77:1 · panel 5.01:1 ✓ */
  --acc-archive:#ba836e;
  --acc-archive-line:rgba(186,131,110,.24);
  --acc-archive-tint:rgba(186,131,110,.12);
  /* 기획 — The Drawing Room(기획 서고) | oklch(0.66 0.065 240) | 대비 bg 5.99:1 · panel 5.20:1 ✓ */
  --acc-blueprint:#6d98b6;
  --acc-blueprint-line:rgba(109,152,182,.24);
  --acc-blueprint-tint:rgba(109,152,182,.12);
  /* 신체·생활 — The Infirmary · 리듬 시계 | oklch(0.66 0.06 145) | 대비 bg 6.07:1 · panel 5.27:1 ✓ */
  --acc-vitals:#7c9c7c;
  --acc-vitals-line:rgba(124,156,124,.24);
  --acc-vitals-tint:rgba(124,156,124,.12);
  /* 음악 — The Conservatory · 음악의 방 | oklch(0.66 0.08 320) | 대비 bg 5.71:1 · panel 4.95:1 ✓ */
  --acc-music:#a882b1;
  --acc-music-line:rgba(168,130,177,.24);
  --acc-music-tint:rgba(168,130,177,.12);
  /* 재무(중립) — The Counting House · 장부의 방 | oklch(0.66 0.065 185) | 대비 bg 6.15:1 · panel 5.34:1 ✓ */
  --acc-ledger:#62a097;
  --acc-ledger-line:rgba(98,160,151,.24);
  --acc-ledger-tint:rgba(98,160,151,.12);
  /* 관측·놀이 — Observatory · 유희장·별관 | oklch(0.66 0.075 272) | 대비 bg 5.90:1 · panel 5.12:1 ✓ */
  --acc-play:#8290c1;
  --acc-play-line:rgba(130,144,193,.24);
  --acc-play-tint:rgba(130,144,193,.12);
  /* 시스템·전령 — Herald · The War Room · 파수꾼 · Heartbeat | oklch(0.66 0.02 250) | 대비 bg 5.92:1 · panel 5.14:1 ✓ */
  --acc-system:#89939e;
  --acc-system-line:rgba(137,147,158,.24);
  --acc-system-tint:rgba(137,147,158,.12);
}

/* ── 아이콘 유틸 (2026-07-26 이식분) ─────────────────────────────────────
   사용: <svg class="mi mi-20"><use href="/ds/mansion-icons.svg#mi-music"></use></svg>
   색은 부모의 color를 상속한다(currentColor). 계열 문패엔 --acc-* 원색. */
.mi{width:24px;height:24px;flex:0 0 auto;vertical-align:-.18em;color:inherit}
.mi-16{width:16px;height:16px}
.mi-20{width:20px;height:20px}
.mi-28{width:28px;height:28px}
/* 계열 문패 색 — 클래스 하나로 아이콘·라벨 동시 착색 */
.acc-archive{color:var(--acc-archive)}
.acc-blueprint{color:var(--acc-blueprint)}
.acc-vitals{color:var(--acc-vitals)}
.acc-music{color:var(--acc-music)}
.acc-ledger{color:var(--acc-ledger)}
.acc-play{color:var(--acc-play)}
.acc-system{color:var(--acc-system)}
/* 행 좌측 러너 — 리스트 행에 계열을 알려주는 2px 띠 */
.runner-archive{border-left:2px solid var(--acc-archive)}
.runner-blueprint{border-left:2px solid var(--acc-blueprint)}
.runner-vitals{border-left:2px solid var(--acc-vitals)}
.runner-music{border-left:2px solid var(--acc-music)}
.runner-ledger{border-left:2px solid var(--acc-ledger)}
.runner-play{border-left:2px solid var(--acc-play)}
.runner-system{border-left:2px solid var(--acc-system)}