/*
Theme Name: YIZHU Theme
Template: twentytwentyfive
Description: YIZHU INCENSE — Modern Oriental Luxury. Child of Twenty Twenty-Five. Colors/typography per 任务书 3.1.
Version: 0.1.0
License: GPL-2.0-or-later
Text Domain: yizhu-theme
*/

/* ===== 设计令牌（任务书 3.1，允许后续按真实素材微调）===== */
:root {
  --yz-charcoal: #1C1C1A;   /* 深炭黑 · 主文字 */
  --yz-ivory: #F5F2EC;      /* 象牙白 · 页面底 */
  --yz-beige: #D8CCB7;      /* 温润米色 · 分隔/辅助 */
  --yz-wood: #594638;       /* 深木棕 · 次级文字/标签 */
  --yz-gold: #B29565;       /* 哑光金 · 强调/链接点缀 */
}

/* ===== 全局基调 ===== */
body {
  background: var(--yz-ivory);
  color: var(--yz-charcoal);
  font-family: "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}

/* UI 小字（导航/按钮/标签）用无衬线，形成衬线大标题 × 细无衬线 UI 的编辑质感 */
.wp-block-navigation, .wp-block-button, .yz-ui, .wp-element-button, input, textarea, select, .wc-block-components-product-price {
  font-family: "Jost", "Inter", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.08em;
}

h1, h2, h3, .wp-block-heading { color: var(--yz-charcoal); }

a { color: var(--yz-wood); text-decoration: none; }
a:hover { color: var(--yz-gold); }

/* ===== 品牌按钮：细边框 + 哑光金 hover，克制不闪 ===== */
.wp-element-button, .wp-block-button__link {
  background: var(--yz-charcoal);
  color: var(--yz-ivory);
  border: 1px solid var(--yz-charcoal);
  border-radius: 0;            /* 方角，编辑感 */
  padding: 0.9em 2.2em;
  font-size: 0.78rem;
  text-transform: uppercase;
  transition: background .25s ease, color .25s ease;
}
.wp-element-button:hover, .wp-block-button__link:hover {
  background: var(--yz-gold);
  border-color: var(--yz-gold);
  color: #fff;
}

/* ===== WooCommerce 商品网格：大留白、图 4:3 ===== */
ul.products li.product { margin-bottom: 3.5rem; }
ul.products li.product img { aspect-ratio: 4 / 3; object-fit: cover; background: var(--yz-beige); }
ul.products li.product .woocommerce-loop-product__title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}
.price { color: var(--yz-wood); font-size: 0.85rem; }

/* ===== 减少动态效果偏好（WCAG 2.2 / 任务书 3.2）===== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ===== 细分隔线 ===== */
.wp-block-separator { border-color: var(--yz-beige); }