/* ═══════════════════════════════════════════════════════════════
   brand.css — 島島來品牌共用樣式（v2026070401）
   規範來源：LOGO 五色＋粉圓體（見 docs／mellowisle-brand 技能）。
   原則：只放「全站一致」的基調（變數/字體/捲軸），
        各頁版面樣式仍在各自 <style>；顏色以品牌變數為準。
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* 主色（取自 LOGO） */
  --mi-blue:   #33607D;  /* 島嶼藍：導覽、標題、主按鈕、連結 */
  --mi-gold:   #EAC463;  /* 暖陽黃：徽章、hover、裝飾線條 */
  --mi-green:  #8CB84E;  /* 新芽綠：成功、開放報名 */
  --mi-brown:  #9C6738;  /* 島土棕：次要文字、邊框 */
  --mi-orange: #E8955A;  /* 晨曦橘：最重要的一顆 CTA（全頁限一處） */
  /* 中性色 */
  --mi-paper:  #FAF7F0;  /* 米紙白：頁面底色 */
  --mi-sand:   #F0E9DB;  /* 淺沙：卡片底、區塊分隔 */
  --mi-ink:    #1F3341;  /* 墨藍黑：主文字 */
  --mi-mist:   #8A8577;  /* 霧灰：次要文字 */
  /* 衍生 */
  --mi-radius: 14px;
  --mi-shadow: 0 2px 12px rgba(51,96,125,.10);
  --mi-border: #E5DCC9;
}

/* 粉圓體 open-huninn（justfont 開源，jsDelivr CDN，約 2.6MB 全站快取一次） */
@font-face{
  font-family:"jf-openhuninn";
  src:url("https://cdn.jsdelivr.net/gh/justfont/open-huninn-font@latest/font/jf-openhuninn-2.0.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

/* 標題用粉圓體（內文維持 Noto Sans TC／思源黑體） */
h1, h2, h3, .brand-font{
  font-family:"jf-openhuninn","Yuanti TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
}

/* 品牌捲軸（Chromium） */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--mi-sand); }
::-webkit-scrollbar-thumb{ background:#C9BFA9; border-radius:999px; }
::-webkit-scrollbar-thumb:hover{ background:var(--mi-brown); }

/* 焦點可見性（鍵盤操作） */
a:focus-visible, button:focus-visible{
  outline:3px solid var(--mi-gold);
  outline-offset:2px;
}