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

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

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


	--color-bg-1: #bca75e; /* toTop 按鈕。不要跟頁面背景一樣 */
	/*--color-bg-2: #dfdfe8; !* 一些點綴：一般和背景相反 *!*/
	--color-bg-5: #FCF7F1; /* 首頁背景 1 */
	--color-bg-6: #f3ebe1; /* 首頁背景 2 */
	/*--color-bg-7: #f4f1ed; !* 聯絡我們區塊背景 *!*/
	/*-----------------*/
	--color-bg-3: #e3e3e3; /* 用不到 */
	--color-bg-4: #cecece; /* 用不到 */


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

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

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

	/* 連結顏色狀態 */
	--color-link: #009d8e; /* 普通連結 */
	--color-link-hover: #bca75e; /* 連結懸停 */
	--color-btn-hover: #bca75e; /* 按鈕文字懸停 */
	--color-btn-text-hover: #ffffff; /* 按鈕文字懸停 */
	--color-btn-service-hover: #768c88; /* 服務頁按鈕文字懸停 */
	--color-btn-news-hover: #e8d0d0; /* 最新消息頁文字懸停 */

	/* 陰影/疊層效果 */
	--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文字陰影效果 */
}