/* ==================== CSS變量定義 ==================== */
:root {
	/* 文字顏色層級 */
	--color-text-primary: #F3EEE2; /* 內容文字 */
	--color-text-secondary: #B8863B; /* 標題文字 */
	--color-text-page-banner: #F3EEE2; /* 內頁大標題（Banner）文字 */
	--color-text-navbar: #B8863B; /* 導覽列選單文字 */
	--color-text-footer: #ffffff; /* 頁尾文字 */
	--color-text-service-btn: #B8863B; /* 服務頁按鈕（.btn-article / .btn-article-back）文字 */

	--color-text-1: #212121; /* toTop 按鈕文字 */
	--color-text-2: #dddddd; /* 獨立頁面 次要標題顏色 */
	--color-text-gray: #B8863B; /* 灰色輔助文字（文章日期，Breadcrumb，placeholder等） */

	/* 背景顏色層級 */
	--color-bg-content: #1F3D2E; /* 單獨頁面內容區背景 */
	--color-bg-footer: #1F3D2E; /* 頁尾（Footer）背景 */
	--color-bg-navbar: #1F3D2E; /* 導覽列背景 */
	--color-bg-navbar-scroll: rgba(31, 61, 46, 0.9); /* 首頁滾動時導覽列半透明背景 */
	--color-bg-navbar-open-1: #1F3D2E; /* 手機版導覽列展開第一層背景 */
	--color-bg-navbar-open-2: #14281d; /* 手機版導覽列展開第二層背景 */
	--color-bg-navbar-menu-icon: #B8863B; /* 手機尺寸導覽列的Menu按鈕 */
	--color-bg-team-scrollbox: #ffffff; /* 人員管理頁：姓名下方「滾動方塊」背景。不要跟頁面背景和 team-underline 一樣顏色 */
	--color-bg-team-underline: #B8863B; /* 人員管理頁：姓名下方「橫槓」裝飾。不要跟頁面背景和 team-scrollbox 一樣顏色*/
	--color-bg-contact-us-block: #15281E; /* 聯絡區塊背景 */
	--color-bg-contact-icon: #eeeeee; /* 聯絡區塊裡 icon 背景。不要跟頁面背景一樣 */

	--color-bg-1: #ffffff; /* toTop 按鈕。不要跟頁面背景一樣 */
	--color-bg-5: #3A2E22; /* 首頁背景 1 */
	--color-bg-6: #1E3A2C; /* 首頁背景 2 */
	/*-----------------*/
	--color-bg-3: #e3e3e3; /* 用不到 */
	--color-bg-4: #cecece; /* 用不到 */


	/* 邊框顏色 */
	--color-border-1: #5A3A22;
	--color-border-2: #5A3A22;
	--color-border-3: #5A3A22;

	/* 按鈕顏色類別 */
	--color-btn-service-odd: #EDE6D6; /* 服務頁按鈕 奇數 */
	--color-btn-service-even: #D8CFB8; /* 服務頁按鈕 偶數 */
	--color-btn-article: #404052; /* 文章按鈕 */
	--color-btn-article-back: #9C3B2E; /* 文章返回按鈕 */

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

	/* 連結顏色狀態 */
	--color-link: #B8863B; /* 普通連結 */
	--color-link-hover: #F3EEE2; /* 連結懸停 */
	--color-btn-hover: #9C3B2E; /* 按鈕文字懸停 */
	--color-btn-text-hover: #F3EEE2; /* 按鈕文字懸停 */
	--color-btn-service-hover: #9C3B2E; /* 服務頁按鈕文字懸停 - 灰綠色 */
	--color-btn-news-hover: #9C3B2E; /* 最新消息頁文字懸停 */

	/* 陰影/疊層效果 */
	--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: #888; /* 內頁Banner文字陰影效果 */
}