@layer theme-custom {
/* 全站頁首改為淺色（米白底＋深藍文字），跟首頁/關於我們頁的新配色系統統一 */
:root{
  --header-bg-color:#EEF1EC;
  --header-mobile-icon-color:#16213D;
}

nav.navbar{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  background-color:#EEF1EC !important;
  border-color:#E4E0D3 !important;
}
.navi-item:first-child{
  background-color:#EEF1EC !important;
  border-color:#E4E0D3 !important;
}
nav.navbar a,
nav.navbar span,
nav.navbar li,
.navi-item a,
.navi-item span{
  color:#16213D !important;
}
nav.navbar a:hover,
nav.navbar a:focus,
.navi-item a:hover{
  color:#DD5240 !important;
}
nav.navbar svg,
nav.navbar i{
  color:#16213D !important;
  fill:#16213D !important;
}
nav.navbar .btn,
nav.navbar button:not(.navbar-toggler){
  background-color:#E8A23A !important;
  border-color:#E8A23A !important;
  color:#16213D !important;
}
.navi-item:first-child a,
.navi-item:first-child span,
.navi-item:first-child li{
  color:#16213D !important;
  font-weight:600 !important;
}
.navi-item:first-child a:hover{
  color:#DD5240 !important;
}

/* 手機版頁首 */
.mobile-menu.left-style{
  background-color:#EEF1EC !important;
  border-color:#E4E0D3 !important;
}
.mobile-menu .logo-text{
  color:#16213D !important;
}
.mobile-btn a{
  color:#16213D !important;
}
.mobile-menu svg,
.mobile-menu i{
  color:#16213D !important;
  fill:#16213D !important;
}

/* 移除首頁區塊預設留白 */
section.index-editor{
  margin:0 !important;
  padding:0 !important;
}

}