/* ===== 字體樣式設定 ===== */

/* 引入 Google Fonts - Noto Sans TC */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

:root {
    /* 字體定義 */
    --font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, sans-serif;

    /* 字重定義 */
    --font-medium: 500;
    --font-bold: 700;

    /* 字體大小定義 */
    --text-base: 1.0rem;
    --text-base-2: 1.2rem;
    /* 16px */
    --text-lg: 1.4rem;
    /* 18px */
    --text-xl: 1.6rem;
    /* 24px */
    --text-2xl: 2.5rem;
    /* 40px */
}

body {
    font-family: var(--font-family);
    font-size: var(--text-base);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 內容標題樣式 */
.content-wrapper h1 {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    line-height: 1.2;
}

.content-wrapper h2,
.nav-title {
    /* 右側分類標題直接共用 h2 字級設定。 */
    font-size: var(--text-xl);
    font-weight: 600;
}

.content-wrapper h3,
.nav-item {
    /* 右側項目名稱直接共用 h4-2 字級設定。 */
    font-size: var(--text-base-2);
    font-weight: var(--font-medium);
}

.nav-title.active,
.nav-item.active {
    font-weight: var(--font-bold);
}