/* 加載 Roboto 字型 Regular（400） */
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 加載 Roboto 字型 Bold（500） */
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Bold.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 加載 Roboto 字型 Light（300） */
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Roboto', sans-serif;  /* 使用 Roboto 字型 */
  font-size: 16px;  /* 預設字型大小 */
  line-height: 1.5;  /* 行高設置 */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif; /* 標題使用 Roboto 字型 */
  font-weight: 500;  /* Medium 字重 */
}

p {
  font-family: 'Roboto', sans-serif; /* 段落文字使用 Roboto */
  font-weight: 400;  /* Regular 字重 */
}

.light-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 300; /* Light 字重 */
}