:root {
  /* 主要品牌色，用于重要元素、链接和按钮 */
  --color-primary: #e2caa6;
  /* 主要品牌色的浅色变体，用于悬停状态和次要强调 */
  --color-primary-light: #e2caa6;
  /* 强调色，用于突出显示和特殊效果 */
  --color-accent: #e2caa6;
  /* 主要文本颜色，用于标题和重要文字 */
  --color-text-main: #ede4d6;
  /* 次要文本颜色，用于描述性文字和辅助信息 */
  --color-text-secondary: #000000;
  /* 深色文本，用于导航栏和深色背景上的文字 */
  --color-text-dark: #EDE4D6;
  /* 背景色，用于页面背景和卡片背景 */
  --color-background: #ffffff;
  --footer-text1: "MILLIONG讓毛孩，也能優雅地一起出門";
  --footer-text2: "© Copyright Homebody Since 2026";
  --logo-url-mobile: url("https://img.shaner.com.tw/MILLIONG/LOGO、公司圖/logo_color.png");
  /* 手機版Logo建議橫版、高約50px */
  --logo-url-pc: url("https://img.shaner.com.tw/MILLIONG/LOGO、公司圖/logo_color.png");
  /* 電腦Logo方形直板高約90px、橫板需測試 */
}

/* =========================================
   導覽列 (Navbar) 客製化顏色設定
========================================= */

/* 1. 設定背景顏色為白色 (#ffffff) */
.navbar,
.navbar .navbar-collapse,
.navbar .sub,
.navbar .mobile-search,
.navbar .wrap {
    background-color: #ffffff !important;
}

/* 2. 設定所有文字、連結、圖示、按鈕顏色為黑色 (#000000) */
.navbar,
.navbar a,
.navbar .text,
.navbar h3,
.navbar button,
.navbar i,
.navbar .nav-item,
.navbar .mobile-menu-title {
    color: #000000 !important;
    text-decoration: none !important; /* 避免連結出現預設底線 */
}

/* 3. 處理手機版「漢堡選單」的三條橫線顏色 */
.navbar .icon-bar {
    background-color: #000000 !important;
}

/* 4. 處理搜尋輸入框 (Input) 的外觀 */
.navbar input[type="text"] {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important; /* 黑色邊框讓輸入框更清楚 */
}

/* 5. 處理搜尋輸入框的提示字元 (Placeholder) 顏色 */
.navbar input[type="text"]::placeholder {
    color: #000000 !important;
    opacity: 0.8 !important; /* 讓提示字稍微透明一點點增加層次 */
}

/* 6. 設定滑鼠懸停 (Hover) 時的視覺回饋 (可選) */
.navbar a:hover,
.navbar button:hover {
    opacity: 0.7 !important;
}