/**
 * 設計變數（顏色、間距對應 theme.json）與全站基礎字型
 *
 * @package Yafun2027
 */

/* ==========================================================================
   設計基礎：色彩與人文字體
   - 標題、內文：思源宋體（Noto Serif TC）
   - 標語、引言：霞鶩文楷（LXGW WenKai TC），帶手寫溫度
   ========================================================================== */

:root {
  --font-serif: "Noto Serif TC", "Noto Serif", "Songti TC", "PMingLiU", serif;
  --font-pen: "Caveat", "LXGW WenKai TC", cursive;
  --font-kai: "LXGW WenKai TC", "Noto Serif TC", "Kaiti TC", "DFKai-SB", serif;

  --color-ink: var(--wp--preset--color--ink, #1f2a24);
  --color-text: var(--wp--preset--color--text, #3b423d);
  --color-leaf: var(--wp--preset--color--leaf, #4a7c59);
  --color-ocean: var(--wp--preset--color--ocean, #2f5d7c);
  --color-sand: var(--wp--preset--color--sand, #c9a96e);
  --color-paper: var(--wp--preset--color--paper, #f7f5ef);
  --color-muted: var(--wp--preset--color--muted, #6b7268);

  /* 深色區塊（Header、Footer 共用） */
  --forest-950: #111914;
  --forest-900: var(--wp--preset--color--forest, #17201b);
  --forest-800: #1f2a24;
  --on-dark: #f0ece2;
  --on-dark-muted: #a9b3a6;
  --on-dark-soft: #7d8a7a;
  --on-dark-accent: #a9d1b3;
  --line-dark: rgba(255, 255, 255, 0.08);

  /* 間距（對應 theme.json 的 spacingSizes；新寫的樣式請優先使用） */
  --space-1: var(--wp--preset--spacing--10, 8px);
  --space-2: var(--wp--preset--spacing--20, 16px);
  --space-3: var(--wp--preset--spacing--30, 24px);
  --space-4: var(--wp--preset--spacing--40, 32px);
  --space-5: var(--wp--preset--spacing--50, 48px);
  --space-6: var(--wp--preset--spacing--60, 64px);

  /* 斷點（CSS 變數無法用在 @media，僅作為文件；請只使用這幾個值）
     手機 ≤600／≤767、平板 768–960／961–1200、桌機 1201–1600、寬螢幕 ≥1601；
     782px 為 WordPress 管理列的斷點，只用於管理列相關規則 */
}

/* 全站字體：覆蓋父主題的 Lato / Noto Serif */
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
blockquote cite,
.widget-title,
.widget h3, .widget h4, .widget h5, .widget h6,
.comments-title .add-comment-link,
.comment-navigation a,
.is-singular .post-navigation .nav-links span.nav-subtitle,
.is-singular .post-navigation .nav-links span.nav-title,
.menu-toggle {
  font-family: var(--font-serif);
}

body {
  color: var(--color-text);
  font-weight: 500;
  font-feature-settings: "palt" 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-ink);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-wrap: balance;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* 父主題大量英文大寫樣式，對中文無意義且會讓英文字過擠 */
.widget-title,
.link-more a,
.posts-navigation a,
.is-singular .post-navigation .nav-links span.nav-subtitle {
  text-transform: none;
}