/* 設計系統：所有顏色、間距、字級的單一真實來源 */
/* 為什麼：CLAUDE.MD 規定禁止直接寫色碼，一律引用變數，改主題只需改此檔 */
:root {
    /* 主色：品牌紅（logo #E60412）+ 白 */
    --color-primary: #E60412;
    --color-primary-dark: #B8030E;     /* 深色（hover / 強調） */
    --color-primary-light: #FAD1D4;    /* 淺色（背景襯底） */
    --color-btn: var(--color-primary);
    --color-btn-dark: var(--color-primary-dark);
    --color-accent: #f4a300;           /* 點綴金（標籤 / 評級） */
    --color-header-bg: #e8c291;        /* 頁首列底色 */
    --color-homesearch-label-bg: #feb74de0; /* 村屋分類標籤半透明橙 */
    --color-banner-btn: #ea862f;       /* 橫幅「我要放盤」按鈕底色 */
    --color-banner-btn-hover: #f05555; /* 橫幅放盤鈕 hover */
    --color-purple-light: #fce8d0;     /* 淺橙底（原紫系改橙） */
    --color-purple-gradient-start: #f7b55a; /* 橙系漸變起點 */
    --color-logo-light: #e6cb7b;       /* 頁尾品牌文字金色 */
    --color-header-slogan: #ffdb15;    /* 頁首服務口號金黃 */
    --color-header-slogan-bg: #5c3508; /* 頁首服務口號深橙底 */
    --color-header-phone: #d9d9d9;     /* 頁首電話淺灰 */
    --color-section-title-accent: #e8891a; /* 區段標題底線橙色 */
    --color-nav-underline: #ffe874;    /* 頁首導覽底線 */
    --color-nav-hover: #ffe874;        /* 頁首導覽懸停文字 */
    --color-nav-active: #ffff00;       /* 頁首導覽目前頁文字 */
    --color-search-deal-active: #f49f40; /* 搜尋買租切換啟用底色 */
    --color-search-filter-deal-active: #e65101; /* 搜尋頁買租切換啟用底色（僅此） */
    --color-property-chip-bg: var(--color-header-bg); /* 樓盤用途標籤橙底 */
    --color-property-chip-text: #ffe6b4; /* 樓盤用途標籤淺金字 */
    --color-property-price: #d41313; /* 樓盤卡價錢字色 */
    --color-banner-slogan: #ffc557; /* 首頁橫幅口號金（漸層中） */
    --color-banner-slogan-light: #ffefc3; /* 口號漸層淺端（上） */
    --color-banner-slogan-dark: #b78003; /* 口號漸層深端（下） */
    --color-banner-desc: #ffca66; /* 首頁橫幅說明金（漸層中） */
    --color-banner-desc-light: #fff0c7; /* 說明漸層淺端（上） */
    --color-banner-desc-dark: #d9a223; /* 說明漸層深端（下） */
    --color-header-phone-mid: #ffdf00; /* 頁首電話字漸層中 */
    --color-header-phone-dark: #ffb400; /* 頁首電話字漸層深端（下） */
    --color-about-primary: #f49f40;     /* 公司簡介頁主橙 */
    --color-about-primary-light: #fce8d0; /* 公司簡介頁淺橙 */
    --color-property-detail-primary: #f49f40; /* 樓盤詳情頁主橙 */
    --color-property-detail-primary-light: #fce8d0; /* 樓盤詳情頁淺橙 */

    --color-white: #ffffff;
    --color-bg: #ffffff;               /* 頁面底色 */
    --color-home-bg: #ffecd6;          /* 首頁 body 底色 */
    --color-bg-soft: #fdf5f5;          /* 區塊淺底 */
    --color-bg-muted: #f1f1f1;         /* 篩選列中性淺底 */
    --color-surface: #ffffff;          /* 卡片表面 */
    --color-surface-overlay: color-mix(in srgb, var(--color-surface) 88%, transparent); /* 浮動列半透明底 */

    --color-text: #222222;             /* 主文字 */
    --color-text-dark: #373737;        /* 篩選鈕等偏深文字 */
    --color-text-nav: #2e2e2e;         /* 手機選單次選文字 */
    --color-text-mid: #5b5b5b;         /* 頁面副標等中性灰 */
    --color-text-soft: #666666;        /* 次要文字 */
    --color-text-muted: #999999;       /* 提示文字 */
    --color-border: #eaeaea;           /* 分隔線 / 邊框 */
    --color-border-strong: #d7d7d7;    /* 表頭等較明顯分隔線 */

    --color-success: #2e7d32;
    --color-finance-up: #86efac;       /* 財經列上漲（淺綠，深色頂欄對比） */
    --color-finance-down: #d62828;     /* 財經列下跌（維持紅色） */
    --color-error: #d62828;            /* 表單必填 * 與錯誤提示 */
    --color-danger: var(--color-primary);

    /* 深色頁尾配色 */
    --color-footer-bg: #1a1a1a;
    --color-footer-text: #cccccc;
    --color-footer-muted: #999999;
    --color-footer-border: #333333;
    --color-footer-copy: #777777;
    --color-footer-title-accent: #f49f40;

    /* 字級（rem） */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-md: 1.125rem;
    --fs-lg: 1.375rem;
    --fs-xl: 1.75rem;
    --fs-2xl: 2.25rem;
    --fs-3xl: 3rem;

    /* 字體 */
    --font-body: "Roboto", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;
    --font-logo: "Noto Serif TC", "Songti TC", "STSong", serif;

    /* 間距（rem） */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;

    /* 圓角與陰影 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.14);
    /* 為什麼：頁首聯絡白底盒需更深陰影，才能壓住橙底 */
    /* 為什麼：聯絡區只需輕浮起，過深陰影會搶 header 焦點 */
    --shadow-header-contact: 0 2px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.1);
    --text-shadow-hero: 0 2px 4px rgba(0, 0, 0, 0.35), 0 4px 16px rgba(0, 0, 0, 0.2);
    --text-shadow-nav: 0 1px 2px rgba(0, 0, 0, 0.35); /* 頁首導覽字輕陰影 */

    /* 版面 */
    --container-max: 1200px;
    --header-height: 4.5rem;
    --transition: 0.2s ease;
}