/* ═════════════════════════════════════════════════════════════════════
   PAAS Theme: Huawen Tech Green (華雯科技鮮綠主題 - 依官網真實色彩修正)
   檔案路徑: public/css/themes/huawen.css (或自訂主題 CSS)
   ═════════════════════════════════════════════════════════════════════ */

:root,
html[data-theme="light"] {
    /* 1. 頁面背景與襯底色 */
    --pt-bg: #ffffff;
    --pt-surface: #ffffff;
    --pt-surface-sub: #f5faf6;           /* 極淡清爽微綠底 */
    --pt-block-bg-light: #f5faf6;
    --pt-border: #e6ede8;

    /* 2. 文字階調 */
    --pt-title-main: #18923a;            /* 核心綠色大標題 (如：iMate 雲端管理全方位系統架構) */
    --pt-text: #2c3e50;                  /* 內文主要文字：舒適深石板灰黑 */
    --pt-text-muted: #6b7c8e;            /* 次要說明字：柔灰階 */

    /* 3. 頁首 Header */
    --pt-header-bg: #ffffff;
    --pt-header-border: #f0f4f1;
    --pt-header-text: #2c3e50;           /* 選單文字深色 */
    --pt-header-hover: #18923a;          /* 選單 Hover 鮮綠色 */
    --pt-header-btn-bg: #18923a;         /* 右側「聯絡我們」鮮綠膠囊按鈕 */
    --pt-header-btn-hover: #147930;

    /* 4. 頁尾 Footer (全黑灰深色底) */
    --pt-footer-bg: #2d2d2d;             /* 深黑炭灰底色 */
    --pt-footer-text: #ffffff;           /* 頁尾白字大標題 */
    --pt-footer-muted: #a3a3a3;          /* 頁尾灰階連結與內文 */
    --pt-footer-border: rgba(255, 255, 255, 0.1);

    /* 5. 焦點與品牌色系 */
    --pt-primary: #18923a;               /* 華雯品牌鮮綠 */
    --pt-accent: #18923a;
    --pt-accent-hover: #147930;
    --pt-accent-lt: rgba(24, 146, 58, 0.1);

    --pt-secondary: #27ae60;
    --pt-secondary-hover: #219653;
    --pt-secondary-lt: #eafaf1;

    --pt-shadow: 0 4px 20px rgba(24, 146, 58, 0.08);
    --pt-radius: 12px;
    --pt-trans: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 深色模式反轉 */
html[data-theme="dark"] {
    --pt-bg: #121815;
    --pt-surface: #1a221e;
    --pt-surface-sub: #141c17;
    --pt-block-bg-light: #16201a;
    --pt-border: #28362e;

    --pt-title-main: #2ecc71;
    --pt-text: #e8f0ec;
    --pt-text-muted: #8ea196;

    --pt-header-bg: #1a221e;
    --pt-header-border: #28362e;
    --pt-header-text: #e8f0ec;
    --pt-header-hover: #2ecc71;

    --pt-footer-bg: #111412;
    --pt-footer-text: #ffffff;
    --pt-footer-muted: #8ea196;
    --pt-footer-border: rgba(255, 255, 255, 0.08);

    --pt-primary: #2ecc71;
    --pt-accent: #2ecc71;
    --pt-accent-hover: #27ae60;
    --pt-accent-lt: rgba(46, 204, 113, 0.15);
}