/* ==========================================================================
   Milktea Workerlife Wiki - Milk Cocoa & Chocolate Theme
   ========================================================================== */

/* --- 變數定義：在這裡統一定義顏色，方便未來修改 --- */

/* 🎨 淺色模式 (牛奶可可) */
[data-md-color-scheme="default"] {
  --bg-color: #F5F0E8;            /* 背景: 溫暖的米杏色 */
  --text-color: #5D4037;          /* 文字: 牛奶可可棕 */
  --heading-color: #4E342E;       /* 標題: 深可可棕 */
  --accent-color: #D2691E;        /* 強調色: 巧克力橘 (像焦糖醬) */
  --accent-light-bg: rgba(210, 105, 30, 0.08); /* 強調色的淡背景 */
  --border-color: #D7CCC8;        /* 邊框: 淺褐色 */
  --code-bg-color: #EFEBE9;       /* 程式碼背景 */
  --table-header-bg: #EFEBE9;     /* 表格標題背景 */
}

/* 🎨 深色模式 (黑巧克力) */
[data-md-color-scheme="slate"] {
  --bg-color: #261F1A;            /* 背景: 濃郁黑巧克力 */
  --text-color: #D7CCC8;          /* 文字: 淺可可色 */
  --heading-color: #EFEBE9;       /* 標題: 奶油白 */
  --accent-color: #FFCC80;        /* 強調色: 焦糖拿鐵色 */
  --accent-light-bg: rgba(255, 204, 128, 0.1); /* 強調色的淡背景 */
  --border-color: #4E342E;        /* 邊框: 深可可棕 */
  --code-bg-color: #3E2723;       /* 程式碼背景 */
  --table-header-bg: #3E2723;     /* 表格標題背景 */
}

/* --- 整體與字體設定 --- */
body {
  background-color: var(--bg-color); /* 應用背景色 */
}
.md-typeset {
  line-height: 1.75;
  font-size: 1.05rem;
  color: var(--text-color);
}

/* --- 標題 (Headings) --- */
.md-content h1, .md-content h2, .md-content h3, .md-content h4 {
  color: var(--heading-color);
  font-weight: 700;
}
.md-content h1 {
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 0.5em;
}
.md-content h2 {
  margin-top: 2.5em;
  padding-bottom: 0.4em;
  border-bottom: 2px solid var(--accent-light-bg);
}

/* --- 連結 (Links) --- */
.md-typeset a {
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px dotted var(--accent-color);
}
.md-typeset a:hover {
  background-color: var(--accent-light-bg);
  border-bottom-style: solid;
}

/* --- 引用區塊 (Blockquotes) --- */
.md-typeset blockquote {
  background-color: var(--accent-light-bg);
  border-left: 5px solid var(--accent-color);
  color: var(--text-color);
  font-style: normal;
  border-radius: 4px;
}

/* --- 程式碼 (Code) --- */
.md-typeset code {
  background-color: var(--code-bg-color);
  color: var(--accent-color);
  border-radius: 4px;
  font-size: 0.9em;
  padding: 0.2em 0.4em;
}
.md-typeset pre > code {
  background-color: transparent; /* 父元素 pre 會處理背景 */
}

/* --- 表格 (Tables) --- */
.md-typeset th {
  background-color: var(--table-header-bg);
  color: var(--heading-color);
  font-weight: 700;
}
.md-typeset th, .md-typeset td, .md-typeset table {
  border: 1px solid var(--border-color);
}
.md-typeset tr:nth-child(even) {
  background-color: var(--accent-light-bg);
}