/* ===============================
Noto Sans TC
=============================== */

@font-face {
  font-family: "Noto Sans TC";
  src: url("/assets/fonts/NotoSansTC-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans TC";
  src: url("/assets/fonts/NotoSansTC-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans TC";
  src: url("/assets/fonts/NotoSansTC-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans TC";
  src: url("/assets/fonts/NotoSansTC-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===============================
   Material Symbols Outlined
   =============================== */

@font-face {
  font-family: "Material Symbols Outlined";
  src: url("/assets/fonts/material-icons-outlined.woff2") format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  /* 🔥 不顯示文字，等字型到 */
}

/* icon class（避免被 Tailwind / Bootstrap 蓋掉） */
.material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: normal;
  text-transform: none;
  direction: ltr;

  font-size: 1.5em;
  /* ✅ 關鍵 */
}