@charset "UTF-8";
/* ==========================================================================
   果吉思公版網站 - 企業識別標準配色獨立設定檔 (Color Settings)
   ==========================================================================
   說明：
   本檔案專門供各客戶或網站管理員進行「全站色彩客製化」。
   未來修改網站的主題標準色、按鈕顏色、頁首頁尾配色時，
   【只需修改本檔案 :root 括號內的色彩數值即可全站生效】，無須重新編譯任何程式！
   ========================================================================== */

:root {
  /* ========================================================================
     1. 網站視覺主色與副色系 (Brand Core Colors)
     ======================================================================== */
  /* [標準主色] 應用於：主視覺導覽重點、按鈕背景、標題強調與品牌識別 */
  --Color1: #3D4B5B;
  --primary-color: #3D4B5B;
  --primary-hover: #2B3642;
  --primary-light: #F0F4F8;
  --primary-shadow: rgba(61, 75, 91, 0.25);

  /* [標準副色 / 焦點與選取色] 應用於：文字反選、特惠標籤、Hover 焦點高光、行動呼籲 */
  --SelectColor: #e78d09;
  --accent-color: #e78d09;
  --accent-hover: #cf7c06;
  --accent-light: #FFF8EE;
  --accent-shadow: rgba(231, 141, 9, 0.3);

  /* ========================================================================
     2. 網頁背景與通用文字色系 (Background & Typography Colors)
     ======================================================================== */
  /* [網頁背景色] */
  --webBgColor: #ffffff;
  --bg-main: #ffffff;
  --bg-section: #f8fafc;
  --bg-card: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.88);

  /* [網頁文字色系] */
  --webTxtColor: #222222;
  --Color2: #333333;
  --text-main: #222222;
  --text-secondary: #555555;
  --text-muted: #888888;
  --border-color: #e2e8f0;

  /* ========================================================================
     3. 按鈕與通用元件互動色 (Buttons & UI Elements)
     ======================================================================== */
  --btnBk: #3D4B5B;
  --btnTxt: #ffffff;
  --btn-hover-bg: #e78d09;
  --btn-hover-txt: #ffffff;

  /* ========================================================================
     4. 頁首與頁尾配置 (Header & Footer Colors)
     ======================================================================== */
  /* 頁首 Header */
  --headerBg: #ffffff;
  --header-bg: rgba(255, 255, 255, 0.96);
  --header-text: #3D4B5B;

  /* 頁尾 Footer */
  --footerBg: #3D4B5B;
  --footerTxt: #ffffff;
  --footerBorder: rgba(255, 255, 255, 0.15);
  --footerIcon: #ffffff;
  --footer-link-hover: #e78d09;

  /* ========================================================================
     5. 社群平台與通用功能圖示色彩 (Social Media & Function Icons)
     ======================================================================== */
  --icon_fbbg: #337FFF;
  --icon_twbg: #33CCFF;
  --icon_linebg: #06C755;
  --icon_ytbg: #FF0000;
  --icon_Linkbg: #3D4B5B;
  --icon_search: #3D4B5B;
  --icon_download: #3D4B5B;
  --icon_shop: #3D4B5B;
  --iconColor: #ffffff;

  /* ========================================================================
     6. 現代 UI 陰影與圓角系統設定 (Modern UI Design Tokens)
     ======================================================================== */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.12);
  --shadow-hover: 0 16px 36px rgba(61, 75, 91, 0.18);
}