/* Guidant AI 品牌識別（Direction A：navy 主色 / gold 點綴）
 * Material 內建 palette 沒有現成同色，這裡直接覆寫 CSS variables。
 * 只求「像」，不追 pixel 級一致。
 */
:root {
  --md-primary-fg-color: #13294B;
  --md-primary-fg-color--light: #1F3A63;
  --md-primary-fg-color--dark: #0C1B33;
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: #B8873B;
  --md-accent-fg-color--transparent: rgba(184, 135, 59, 0.1);
  --md-accent-bg-color: #FFFFFF;
  --md-typeset-a-color: #13294B;
}

/* 版本切換下拉（_assets/version-select.js 動態插入 header 標題後方） */
#gai-version-select {
  margin-left: 0.6rem;
  padding: 0.15rem 0.4rem;
  font-size: 0.65rem;
  color: var(--md-primary-bg-color);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.2rem;
  cursor: pointer;
  align-self: center;
}
#gai-version-select option {
  color: initial;
  background: initial;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #13294B;
  --md-primary-fg-color--light: #1F3A63;
  --md-primary-fg-color--dark: #0C1B33;
  --md-accent-fg-color: #D9A75C;
  --md-typeset-a-color: #D9A75C;
}

/* ── 圖片燈箱（CM-1428，配合 _assets/image-lightbox.js）────────────────
   站內流程圖／ER 圖是 Graphviz SVG，被版心縮到讀不了字，故可點擊放大。 */
.md-typeset img {
  cursor: zoom-in;
}
.gai-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  overflow: auto;
  background: rgba(10, 14, 16, 0.82);
  padding: 32px;
  cursor: zoom-out;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
/* margin:auto 而非 flex 置中：內容大於視窗時 flex 置中會裁掉左上角，
   margin:auto 在 overflow 容器裡小圖置中、大圖可完整捲到邊。 */
.gai-lightbox .box {
  margin: auto;
  background: #fff;
  border-radius: 12px;
  padding: 28px;
  cursor: default;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);
}
.gai-lightbox .box img {
  display: block;
  max-width: none;
}
.gai-lightbox .hint {
  position: fixed;
  top: 14px;
  right: 20px;
  font-size: 0.7rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.45);
  padding: 4px 12px;
  border-radius: 14px;
  pointer-events: none;
}
