/* ================================================================================
   campaign.css — ★ 每期 campaign 唯一需要修改嘅 CSS 檔 ★
   （2026 Jun「Goal慶大抽獎 Goal Fever Lucky Draw」）

   新一期 campaign 更新步驟：
     1. 新增 img/26xxx/ 圖片資料夾，沿用固定檔名：
        title.png, title-2.png, title-index.png, img.png, draw.png, bg.png,
        index-desc.png, index-desc-1.png, index-desc-2.png
     2. include/campaign.php：改日期、CAMPAIGN_IMG_DIR、CAMPAIGN_TITLE_*
     3. 本檔：改下面圖片 url() 路徑＋色票＋位置微調 token
   Header / footer / base / components / layout / pages css 一律唔使郁。
   ================================================================================ */

:root {
    /* ---- campaign 圖片（CSS background 用；<img> src 由 PHP CAMPAIGN_IMG_DIR 出） ---- */
    --campaign-bg-image: url(../img/26jun/bg.png);
    --campaign-title-art: url(../img/26jun/title.png);

    /* ---- campaign 色票 ---- */
    --campaign-bg-color: #d3e14e;        /* 黃綠主色 */
    --campaign-accent: #057b61;          /* 深綠：按鈕 / pill */
    --campaign-accent-hover: #00846d;
    --campaign-on-accent: #fff;
    --campaign-desc-bar-bg: #00846d;     /* 首頁資訊條背景 */
    --campaign-draw-text: #000;          /* 抽獎左欄文字 */

    /* ---- 首頁 KV 位置 / 比例微調（pages.css .home__kv 讀取） ---- */
    --campaign-kv-title-width: 40%;
    --campaign-kv-image-width: 60%;
    --campaign-kv-image-overlap: -20%;   /* phone 圖向左疊入 title */
    --campaign-kv-overlap-y: -4%;        /* KV 同資訊條重疊量 */
}

/* 本期特定 override（保持喺呢個檔，唔好寫入 pages.css） */