/* --- Creamy White Theme Color Palette & Global Styles --- */
:root {
  --primary-bg: #fdfaf6;      /* 主要背景 (米杏色) */
  --secondary-bg: #ffffff;    /* 次要背景 (純白，用於卡片) */
  --border-color: #e8e6e3;    /* 邊框顏色 (柔和的米色) */
  --text-primary: #3d3d3d;      /* 主要文字 (深炭灰) */
  --text-secondary: #7a7a7a;   /* 次要文字 (中灰色) */
  
  /* --- 顏色已更新 --- */
  --accent-color: #8c7f6b;      /* 強調色 (更新為較深的褐色) */
  --accent-hover: #716654;      /* 強調色 (滑鼠懸停時更深的褐色) */

  --danger-color: #dc3545;       /* 危險/刪除色 */
}

body {
  background-color: var(--primary-bg);
  color: var(--text-primary);
  /* padding-top:  根據您 header 的實際高度來調整 */
}

/* --- Override Bootstrap Component Colors --- */

/* 按鈕 */
.btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: white; /* 將文字顏色改為白色 */
}
.btn-primary:hover {
  background-color: var(--accent-hover);
  border-color: var(--accent-hover);
  color: white;
}

.btn-outline-danger {
    color: var(--danger-color);
    border-color: var(--danger-color);
}
.btn-outline-danger:hover {
    background-color: var(--danger-color);
    color: white;
}

.btn-secondary {
    background-color: #d6d2c4;
    border-color: #d6d2c4;
    color: var(--text-primary);
}
.btn-secondary:hover {
    background-color: #c5bfb0;
    border-color: #c5bfb0;
}

/* 表單 */
.form-control {
    background-color: var(--secondary-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}
.form-control:focus {
    background-color: var(--secondary-bg);
    color: var(--text-primary);
    border-color: var(--accent-color);
    /* 陰影顏色也需要跟著更新 */
    box-shadow: 0 0 0 0.25rem rgba(140, 127, 107, 0.25);
}