/* 由 panda-zhuyin/tokens/ 以 Style Dictionary 產生，勿手改。 */
:root {
  --pz-slot-onset: #d4918a; /** 聲母基本色：嘴巴玫瑰 OKLCH L 0.7212 C 0.0826，h 25.9°（functionalAccents phase 0 n 4） */
  --pz-slot-onset-deep: #a3645e; /** 聲母深色階：L 0.571，暖白上 4.50:1 */
  --pz-slot-medial: #a2ac6f; /** 介音基本色：嘴巴玫瑰 OKLCH L 0.7212 C 0.0826，h 115.9°（functionalAccents phase 0 n 4） */
  --pz-slot-medial-deep: #6f783d; /** 介音深色階：L 0.552，暖白上 4.62:1 */
  --pz-slot-rime: #60b4be; /** 韻母基本色：嘴巴玫瑰 OKLCH L 0.7212 C 0.0826，h 205.9°（functionalAccents phase 0 n 4） */
  --pz-slot-rime-deep: #268089; /** 韻母深色階：L 0.551，暖白上 4.51:1 */
  --pz-slot-tone: #a99bd3; /** 聲調基本色：嘴巴玫瑰 OKLCH L 0.7212 C 0.0826，h 295.9°（functionalAccents phase 0 n 4） */
  --pz-slot-tone-deep: #7a6da1; /** 聲調深色階：L 0.567，暖白上 4.52:1 */
  --pz-ink: #201d1b; /** 圖示墨（耳、眼圈、鼻） */
  --pz-paper: #fdfcf8; /** 圖示暖白（臉） */
  --pz-neutral-1: #201d1b; /** 中性第 1 階：L 0.233（墨→暖白，h₀ 墨 56.1°） */
  --pz-neutral-2: #403c3a; /** 中性第 2 階：L 0.360（墨→暖白，h₀ 墨 56.1°） */
  --pz-neutral-3: #625e5c; /** 中性第 3 階：L 0.486（墨→暖白，h₀ 墨 56.1°） */
  --pz-neutral-4: #878380; /** 中性第 4 階：L 0.612（墨→暖白，h₀ 墨 56.1°） */
  --pz-neutral-5: #ada9a7; /** 中性第 5 階：L 0.738（墨→暖白，h₀ 墨 56.1°） */
  --pz-neutral-6: #d5d1cf; /** 中性第 6 階：L 0.865（墨→暖白，h₀ 墨 56.1°） */
  --pz-neutral-7: #fdfcf8; /** 中性第 7 階：L 0.991（墨→暖白，h₀ 墨 56.1°） */
  --pz-motion-beat: 0.08s; /** 一次按鍵的節拍；取自鍵盤 FlickCommitKey.textSlideDuration */
  --pz-bg: #fdfcf8; /** 淺色底＝暖白 */
  --pz-text: #201d1b; /** 主文字 */
  --pz-text-secondary: #625e5c; /** 次要文字 */
  --pz-border: #ada9a7; /** 邊線 */
  --pz-bg-card: #fdfcf8; /** 卡片底＝暖白（與底同色，靠邊線分） */
  --pz-bg-alt: color-mix(in oklab, var(--pz-neutral-6) 35%, var(--pz-neutral-7)); /** 替代區塊底 */
  --pz-border-light: #d5d1cf; /** 淡邊線 */
  --pz-on-slot: #201d1b; /** 音節色當底時上面的字＝墨（兩模式皆然） */
  --pz-slot-onset-text: #a3645e; /** 聲母色當文字或細線 */
  --pz-slot-medial-text: #6f783d; /** 介音色當文字或細線 */
  --pz-slot-rime-text: #268089; /** 韻母色當文字或細線 */
  --pz-slot-tone-text: #7a6da1; /** 聲調色當文字或細線 */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pz-bg: #201d1b; /** 深色底＝墨 */
    --pz-text: #fdfcf8; /** 主文字 */
    --pz-text-secondary: #ada9a7; /** 次要文字 */
    --pz-border: #625e5c; /** 邊線 */
    --pz-bg-card: #403c3a; /** 卡片底：墨上一階 */
    --pz-bg-alt: #403c3a; /** 替代區塊底 */
    --pz-border-light: #403c3a; /** 淡邊線 */
    --pz-on-slot: #201d1b; /** 音節色當底時上面的字＝墨（兩模式皆然） */
    --pz-slot-onset-text: #d4918a; /** 聲母色當文字或細線 */
    --pz-slot-medial-text: #a2ac6f; /** 介音色當文字或細線 */
    --pz-slot-rime-text: #60b4be; /** 韻母色當文字或細線 */
    --pz-slot-tone-text: #a99bd3; /** 聲調色當文字或細線 */
  }
}

:root[data-theme="dark"] {
  --pz-bg: #201d1b; /** 深色底＝墨 */
  --pz-text: #fdfcf8; /** 主文字 */
  --pz-text-secondary: #ada9a7; /** 次要文字 */
  --pz-border: #625e5c; /** 邊線 */
  --pz-bg-card: #403c3a; /** 卡片底：墨上一階 */
  --pz-bg-alt: #403c3a; /** 替代區塊底 */
  --pz-border-light: #403c3a; /** 淡邊線 */
  --pz-on-slot: #201d1b; /** 音節色當底時上面的字＝墨（兩模式皆然） */
  --pz-slot-onset-text: #d4918a; /** 聲母色當文字或細線 */
  --pz-slot-medial-text: #a2ac6f; /** 介音色當文字或細線 */
  --pz-slot-rime-text: #60b4be; /** 韻母色當文字或細線 */
  --pz-slot-tone-text: #a99bd3; /** 聲調色當文字或細線 */
}