/* Tàng Kinh Các: bảng màu lấy từ trang chủ Ngọa Long của Lequ.
   Nền trắng xám #ecebf1, sân khấu xanh than, đỏ son và vàng kim. */
body.tkc-site {
  color-scheme: light;
  --bg: #ecebf1;
  --ink: #303746;
  --muted: #6a7182;
  --line: rgba(69, 76, 99, .2);
  --gold: #9b803b;
  --stage-bg: #ecebf1;
  --stage-overlay: linear-gradient(180deg, rgba(236, 235, 241, .66), rgba(236, 235, 241, .94));
  --tex-filter: grayscale(1);
  --tex-op: .2;
  --kt-ink: #303746;
  --kt-body: #575f70;
  --kt-muted: #737b8e;
  --kt-faint: #8f96a5;
  --kt-gold: #a53327;
  --kt-note: #8b6c32;
  --kt-red: #b63326;
  --panel-bg: linear-gradient(180deg, #fafafd, #f3f3f8);
  --panel-border: rgba(79, 86, 108, .28);
  --panel-inner: rgba(255, 255, 255, .82);
  --panel-shadow: 0 18px 42px rgba(30, 35, 52, .14), inset 0 1px rgba(255, 255, 255, .92);
  --sep: rgba(75, 83, 107, .2);
  --chip-bg: #ececf3;
  --chip-ink: #4f586a;
  --chip-border: rgba(80, 89, 111, .29);
  --chip-hover-ink: #a53327;
  --chip-hover-border: rgba(165, 51, 39, .65);
  --chip-act-ink: #a53327;
  --chip-act-border: rgba(165, 51, 39, .75);
  --chip-act-bg: rgba(165, 51, 39, .09);
  --chip-act-glow: none;
  --search-bg: #fbfbfd;
  --search-border: rgba(80, 89, 111, .38);
  --search-ink: #303746;
  --search-ph: #7b8392;
  --search-focus-border: #a53327;
  --search-focus-glow: 0 0 0 3px rgba(165, 51, 39, .11);
  --sbtn-bg: rgba(165, 51, 39, .09);
  --sbtn-bg-hover: rgba(165, 51, 39, .17);
  --sbtn-ink: #a53327;
  --pline: rgba(78, 85, 106, .52);
  --pline-dot: #a53327;
  --pline-glow: none;
  --title-ink: #41485e;
  --title-glow: none;
  --banner-sub: #697185;
  --banner-sub-b: #a53327;
  --card-bg: linear-gradient(180deg, #fff, #f6f6fa);
  --card-border: rgba(83, 90, 111, .22);
  --card-hover-border: rgba(165, 51, 39, .55);
  --card-hover-glow: 0 11px 25px rgba(36, 40, 58, .13);
  --icon-bg: radial-gradient(circle at 50% 25%, #f9f9fc, #dfe1eb);
  --icon-border: #a5a9b8;
  --grp-title: #9b803b;
  --link-ink: #a53327;
  --link-border: rgba(83, 90, 111, .3);
  --link-hover-bg: rgba(165, 51, 39, .06);
  --link-hover-border: rgba(165, 51, 39, .7);
  --snav-bg: rgba(20, 23, 31, .94);
  --snav-border: rgba(212, 216, 229, .18);
  --snav-shadow: 0 14px 32px rgba(12, 14, 22, .32);
  --snav-ink: #f1f1f5;
  --snav-body: #c8cbd5;
  --snav-hover-bg: rgba(182, 51, 38, .17);
  --snav-active-bg: #ac2d20;
  --snav-user-badge-bg: #292e3b;
  --snav-user-badge-border: rgba(211, 193, 155, .32);
  --snav-dropdown-bg: #222633;
  --snav-dropdown-border: rgba(211, 193, 155, .35);
  --snav-dropdown-item: #eff0f6;
  --snav-dropdown-hover: #35394a;
  --snav-drawer-bg: rgba(25, 28, 39, .98);
  --snav-drawer-border: rgba(211, 193, 155, .24);
  --snav-drawer-link: #edf0f6;
}

/* Keep the shared site menu in page flow so it never covers city buildings. */
body.tkc-home #site-header {
  position: relative !important;
  top: auto !important;
  margin-bottom: 12px !important;
}
html[data-theme="dark"] body.tkc-site {
  color-scheme: dark;
  --bg: #202431;
  --ink: #eceef4;
  --muted: #b0b6c4;
  --line: rgba(205, 211, 227, .2);
  --stage-bg: #303747;
  --stage-overlay: linear-gradient(180deg, rgba(34, 39, 54, .28), rgba(29, 33, 45, .9));
  --tex-filter: grayscale(1) brightness(.56);
  --tex-op: .3;
  --kt-ink: #f1f2f7;
  --kt-body: #c6cad6;
  --kt-muted: #9fa7b8;
  --kt-gold: #e6c58b;
  --kt-note: #e1c183;
  --kt-red: #ee9182;
  --panel-bg: linear-gradient(180deg, #303545, #252937);
  --panel-border: rgba(188, 196, 217, .29);
  --panel-inner: rgba(255, 255, 255, .08);
  --panel-shadow: 0 20px 46px rgba(8, 10, 18, .36);
  --sep: rgba(194, 201, 222, .2);
  --chip-bg: rgba(14, 17, 27, .3);
  --chip-ink: #c4cad8;
  --chip-border: rgba(189, 197, 218, .3);
  --chip-act-ink: #f4cabf;
  --chip-act-border: #d06351;
  --chip-act-bg: rgba(182, 51, 38, .2);
  --search-bg: #222737;
  --search-border: rgba(196, 204, 226, .35);
  --search-ink: #f2f3f8;
  --search-ph: #a7adbd;
  --title-ink: #f4f4f8;
  --banner-sub: #c8cedd;
  --banner-sub-b: #e5c48b;
  --card-bg: linear-gradient(180deg, #383e50, #2a2f3f);
  --card-border: rgba(188, 196, 217, .23);
  --card-hover-border: #c65c4b;
  --card-hover-glow: 0 12px 28px rgba(4, 6, 13, .32);
  --icon-bg: radial-gradient(circle at 50% 30%, #4a5164, #282d3e);
  --icon-border: #161b29;
  --grp-title: #e1c384;
  --link-ink: #e8bbaf;
  --link-border: rgba(196, 204, 226, .32);
}
body.tkc-site .snav-links a.active,
body.tkc-site .snav-links a[aria-current="page"] {
  color: #fff !important;
  background: #ad3023 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 228, 200, .35);
}
body.tkc-site .site-footer {
  --sfx-bg: #1b1f2b;
  --sfx-line: rgba(212, 217, 232, .2);
  --sfx-line-soft: rgba(212, 217, 232, .1);
  --sfx-ink: #f0f1f5;
  --sfx-muted: #b4bac8;
  --sfx-faint: #8e95a5;
  --sfx-gold: #d8b879;
}

/* Trang chủ: sân khấu tối ở phần đầu, thư khố trắng xám bên dưới. */
body.tkc-home.tkc-site,
body.tkc-home.tkc-site main { background: #ecebf1; color: #303746; }
body.tkc-home.tkc-site .tkc-intro {
  background: radial-gradient(ellipse at 88% 0%, rgba(146, 52, 47, .38), transparent 42%),
    linear-gradient(110deg, #212632 0%, #3f4658 65%, #292b38 100%);
  border-bottom: 3px solid #a63125;
}
body.tkc-home.tkc-site .tkc-kicker { color: #e6c789; }
body.tkc-home.tkc-site .tkc-intro h1 { color: #f6f4f2; }
body.tkc-home.tkc-site .tkc-intro h1 em { color: #e8c582; }
body.tkc-home.tkc-site .tkc-lead { color: #d1d5df; }
body.tkc-home.tkc-site .tkc-intro-note { color: #b8bece; }
body.tkc-home.tkc-site .tkc-tour-start { color: #f1d39c; border-color: #b84031; }
body.tkc-home.tkc-site .tkc-tour-start:hover { color: #fff; }
body.tkc-home.tkc-site .tkc-global-search {
  background: #f8f8fc;
  border-color: #9ba1b2;
  box-shadow: 0 12px 30px rgba(12, 15, 27, .28);
}
body.tkc-home.tkc-site .tkc-global-search input { color: #303746; }
body.tkc-home.tkc-site .tkc-global-search input::placeholder { color: #777f90; }
body.tkc-home.tkc-site .tkc-search-glyph,
body.tkc-home.tkc-site .tkc-global-search kbd { color: #8e3540; }
body.tkc-home.tkc-site .tkc-global-search > button { background: #ad3023; color: #fff; }
body.tkc-home.tkc-site .tkc-global-search > button:hover { background: #812318; }
body.tkc-home.tkc-site .tkc-global-results { background: #f8f8fc; border-color: #9ca2b2; }
body.tkc-home.tkc-site .tkc-global-results > button,
body.tkc-home.tkc-site .tkc-global-results > p { color: #303746; border-color: #d9dce6; }
body.tkc-home.tkc-site .tkc-global-results > button:hover,
body.tkc-home.tkc-site .tkc-global-results > button.is-active { background: #eee5e6; }
body.tkc-home.tkc-site .tkc-global-results small { color: #a2382d; }

body.tkc-home.tkc-site .tkc-city-caption,
body.tkc-home.tkc-site .tkc-city-controls,
body.tkc-home.tkc-site .tkc-audio {
  background: rgba(29, 33, 45, .88);
  border-color: rgba(223, 203, 160, .7);
  color: #f5f3ed;
}
body.tkc-home.tkc-site .tkc-city-caption-sub { color: #d1d5df; }
body.tkc-home.tkc-site .tkc-city-controls button { color: #f5f3ed; border-color: rgba(223, 203, 160, .35); }
body.tkc-home.tkc-site .tkc-city-controls button:hover { background: #ab3023; }
body.tkc-home.tkc-site .tkc-small-rule { background: #d3ae71; }
body.tkc-home.tkc-site .tkc-dock {
  background: rgba(28, 32, 44, .92);
  border-color: rgba(220, 199, 158, .65);
  box-shadow: 0 12px 28px rgba(9, 11, 22, .46);
}
body.tkc-home.tkc-site .tkc-dock button { color: #f0f0f4; border-color: rgba(224, 228, 240, .2); }
body.tkc-home.tkc-site .tkc-dock button small { color: #c4c9d5; }
body.tkc-home.tkc-site .tkc-dock button:hover,
body.tkc-home.tkc-site .tkc-dock button[aria-current="true"] { background: #a73428; color: #fff; }
body.tkc-home.tkc-site .tkc-dock button:hover small,
body.tkc-home.tkc-site .tkc-dock button[aria-current="true"] small { color: #f8ded3; }

body.tkc-home.tkc-site .tkc-building-info,
body.tkc-home.tkc-site .tkc-drawer { background: #f5f5f9ef; border-color: #788094; color: #303746; }
body.tkc-home.tkc-site .tkc-building-info > button:first-child,
body.tkc-home.tkc-site .tkc-building-info > span,
body.tkc-home.tkc-site .tkc-building-info #buildingInfoLevel { color: #a53327; }
body.tkc-home.tkc-site .tkc-building-info p,
body.tkc-home.tkc-site .tkc-topic-list button small { color: #5f6778; }
body.tkc-home.tkc-site .tkc-topic-head { color: #9b803b; border-color: #b6bac7; }
body.tkc-home.tkc-site .tkc-topic-list button { background: #e5e7ee; border-color: #b6bac8; color: #303746; }
body.tkc-home.tkc-site .tkc-topic-list button:hover { background: #f0dedc; border-color: #b8463a; }
body.tkc-home.tkc-site .tkc-topic-list button b { color: #303746; }
body.tkc-home.tkc-site .tkc-topic-list button i,
body.tkc-home.tkc-site .tkc-milestone-list summary { color: #a53327; }
body.tkc-home.tkc-site .tkc-city-milestone { background: #e4e5ed; color: #3d4453 !important; }
body.tkc-home.tkc-site .tkc-city-milestone b { color: #a53327; }

body.tkc-home.tkc-site .tkc-atlas { background: transparent; }
body.tkc-home.tkc-site .tkc-atlas-head h2,
body.tkc-home.tkc-site .tkc-atlas-main b { color: #41485e; }
body.tkc-home.tkc-site .tkc-atlas-head > p,
body.tkc-home.tkc-site .tkc-atlas-main small,
body.tkc-home.tkc-site .tkc-source-note { color: #6b7384; }
body.tkc-home.tkc-site .tkc-atlas-index,
body.tkc-home.tkc-site .tkc-atlas-arrow { color: #ab3023; }
body.tkc-home.tkc-site .tkc-atlas-item:hover { background: rgba(166, 46, 34, .055); }
body.tkc-home.tkc-site .tkc-drawer-head { background: #e3e5ed; border-color: #b3b8c6; }
body.tkc-home.tkc-site .tkc-drawer-kicker,
body.tkc-home.tkc-site .tkc-drawer-head h2 { color: #a53327; }
body.tkc-home.tkc-site .tkc-drawer-sub,
body.tkc-home.tkc-site .tkc-record small { color: #697184; }
body.tkc-home.tkc-site .tkc-drawer-close { color: #a53327; border-color: #a5aab8; }
body.tkc-home.tkc-site .tkc-drawer-tabs button { color: #50586b; border-color: #b1b7c5; }
body.tkc-home.tkc-site .tkc-drawer-tabs button[aria-selected="true"] { background: #ad3023; border-color: #ad3023; color: #fff; }
body.tkc-home.tkc-site .tkc-drawer-filters input,
body.tkc-home.tkc-site .tkc-drawer-filters select { background: #fff; border-color: #b0b6c4; color: #303746; }
body.tkc-home.tkc-site .tkc-result-count { color: #727a8a; }
body.tkc-home.tkc-site .tkc-record { background: #fff; border-color: #c8ccd7; color: #303746; }
body.tkc-home.tkc-site .tkc-record:hover,
body.tkc-home.tkc-site .tkc-record[aria-current="true"] { background: #f1e7e6; border-color: #b44335; }
body.tkc-home.tkc-site .tkc-record b { color: #303746; }
body.tkc-home.tkc-site .tkc-record-detail { background: #fff; border-color: #aeb4c3; color: #303746; }
body.tkc-home.tkc-site .tkc-detail-head h3 { color: #303746; }
body.tkc-home.tkc-site .tkc-detail-grid dd,
body.tkc-home.tkc-site .tkc-detail-extra strong { color: #a53327; }
body.tkc-home.tkc-site .tkc-drawer-all { background: #ad3023; color: #fff; }
body.tkc-home.tkc-site .tkc-drawer-all:hover { background: #87251a; }