/* ==================== CSS變量定義 ==================== */
:root {
	/* 文字顏色層級 */
	--color-text-primary: #222222; /* 內容文字 */
	--color-text-secondary: #9C7D2D; /* 標題文字 */
	--color-text-page-banner: #222; /* 內頁Banner文字 */
	--color-text-navbar: #9C7D2D; /* 導覽列文字 */
	--color-text-service-btn: #212121; /* 服務項目按鈕文字 */

	--color-text-1: #222; /* toTop 按鈕 */
	--color-text-2: #222; /* 獨立頁面 次要標題顏色 */
	--color-text-gray: #999; /* 灰色文字 */

	/* 背景顏色層級 */
	--color-bg-content: #F4F4F4; /* 單獨頁面背景 */
	--color-bg-footer: #ECE7D8; /* Footer背景 */
	--color-bg-navbar: #f4f4f4; /* 導覽列 */
	--color-bg-navbar-scroll: rgba(244, 244, 244, 0.95); /* 首頁導覽列滾動時的背景加透明 */
	--color-bg-menu-icon: #b2b2b2; /* 手機尺寸導覽列的Menu按鈕 */
	--color-bg-navbar-open-1: #f3efef; /* 手機尺寸導覽列打開一級 */
	--color-bg-navbar-open-2: #eae3e3; /* 手機尺寸導覽列打開二級 */

	--color-bg-1: #ffffff; /* 一些點綴：一般和背景相反 */
	--color-bg-2: #ffffff; /* 一些點綴：一般和背景相反 */
	--color-bg-5: #F7F7F7; /* 首頁背景 1 */
	--color-bg-6: #DBDBDB; /* 首頁背景 2 */
	--color-bg-7: #E1DAC7; /* 聯絡我們區塊背景 */
	/*-----------------*/
	--color-bg-3: #e3e3e3; /* 用不到 */
	--color-bg-4: #cecece; /* 用不到 */


	/* 邊框顏色 */
	--color-border-1: #bbb;
	--color-border-2: #aba4a4;
	--color-border-3: #391911;

	/* 按鈕顏色類別 */
	--color-btn-service-odd: #e2e4d7; /* 服務頁按鈕 奇數 */
	--color-btn-service-even: #bbbea8; /* 服務頁按鈕 偶數 */
	--color-btn-article: #e2e4d7; /* 文章按鈕 */
	--color-btn-article-back: #AC9146; /* 文章返回按鈕 */

	--color-btn-primary: #AC9146; /* 首頁裡圓形按鈕 */
	--color-btn-secondary: #9C7D2D; /* 大屏幕時首頁按鈕邊框，小屏幕時首頁按鈕顏色，案例分類Read more按鈕 */

	/* 連結顏色狀態 */
	--color-link: #83acec; /* 普通連結 - 蓝色 */
	--color-link-hover: #AC9146; /* 連結懸停 - 粉紅色 */
	--color-btn-hover: #AC9146; /* 按鈕文字懸停 - 粉紅色 */
	--color-btn-text-hover: #ffffff; /* 按鈕文字懸停 - 白色 */
	--color-btn-service-hover: #768c88; /* 服務頁按鈕文字懸停 - 灰綠色 */
	--color-btn-news-hover: #EEE9DA; /* 最新消息頁文字懸停 */

	/* 陰影/疊層效果 */
	--color-overlay: rgba(0, 0, 0, 0.3); /* toTop 按鈕陰影 */
	--color-overlay-dark: rgba(31, 32, 40, 0.4); /* Read more 按鈕陰影 */
	--shadow-header: 1px 1px 10px rgba(0, 0, 0, 0.2); /* 頁首陰影效果 */
	--banner-text-shadow: #ffffff; /* 內頁Banner文字陰影效果 */
}