/**
 * 鑿花匠視覺設計變數系統 (Plain Design & Craft Aesthetics Tokens)
 *
 * @package Zaohuajiang_Child
 */

:root {
	/* 0. WordPress / WooCommerce 系統原生色彩對齊 (WP Core Tokens Bridge) */
	--wp--preset--color--primary:   #7A5C24;   /* 系統主色 ➔ 生漆按金 */
	--wp--preset--color--contrast:  #181716;   /* 高對比色 ➔ 工藝墨黑 */
	--wp--preset--color--base:      #F9F8F6;   /* 畫布底色 ➔ 溫潤米白 */

	/* 1. 色彩調色盤 (Color Palette) - 溫潤米白與天然原木質調 */
	--zhj-bg: #F9F8F6;                  /* 全站主背景 (Clean Minimal Beige) */
	--zhj-bg-surface: #FFFFFF;          /* 浮雕卡片/純白區塊 */
	--zhj-bg-subtle: #F3F1ED;           /* 次級米灰襯底/標籤背景 */
	--zhj-bg-dark: #1C1C1A;             /* 頁尾/深色展區背景 (沉穩墨黑) */

	--zhj-text-primary: #1C1C1A;        /* 主要標題與正文字 */
	--zhj-text-secondary: #5C5B57;      /* 次要敘述/副標題 */
	--zhj-text-muted: #8C8A84;          /* 標籤/日期/規格屬性字 */
	--zhj-text-inverse: #F9F8F6;        /* 深色背景文字 */

	--zhj-wood-gold: #7A5C24;           /* 金箔按金點綴色 */
	--zhj-wood-accent: #8C6239;         /* 原木刻痕強調節點 */
	--zhj-wood-dark: #4A3525;           /* 深色木料棕 */

	/* 原型兼顧變數 (Prototypes Compatibility) */
	--c-paper:        #F9F8F6;   /* 主紙色 */
	--c-paper-deep:   #EAE6DF;   /* 圖片未載入時之底 */
	--c-paper-warm:   #F3F1ED;   /* 偏亮之紙（卡片底） */
	--c-ink:          #181716;   /* 工藝墨黑 */
	--c-brass:        #7A5C24;   /* 生漆按金 */
	--c-brass-on-dark:#C9A24A;   /* 按金於深色段落上之版本 */
	--c-brass-wash:   rgba(122, 92, 36, 0.10);  /* 按金淡底 */
	--c-brass-rule:   rgba(122, 92, 36, 0.28);  /* 按金邊線 */

	/* 2. 工藝分割線 (Craft Lines - 1px Subtle Grid) */
	--zhj-border: rgba(28, 28, 26, 0.08);       /* 淺色 1px 細分割線 */
	--zhj-border-medium: rgba(28, 28, 26, 0.16);/* 邊界線 */
	--zhj-border-dark: rgba(28, 28, 26, 0.28);  /* 聚焦線 */
	--zhj-border-inverse: rgba(249, 248, 246, 0.12); /* 深底分割線 */

	/* 3. 字體排印 (Typography) */
	--zhj-font-serif: "Noto Serif TC", "Songti TC", "Source Han Serif TC", Georgia, serif;
	--zhj-font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", sans-serif;
	--zhj-font-mono: "SF Mono", Monaco, Inconsolata, "Courier New", monospace;

	/* 4. 字級級距 (Type Scale) */
	--zhj-text-xs: 0.75rem;    /* 12px */
	--zhj-text-sm: 0.875rem;   /* 14px */
	--zhj-text-base: 1rem;     /* 16px */
	--zhj-text-lg: 1.125rem;   /* 18px */
	--zhj-text-xl: 1.25rem;    /* 20px */
	--zhj-text-2xl: 1.5rem;    /* 24px */
	--zhj-text-3xl: 2rem;      /* 32px */
	--zhj-text-4xl: 2.5rem;    /* 40px */
	--zhj-text-5xl: 3.5rem;    /* 56px */
	--zhj-text-huge: clamp(3rem, 6vw, 6rem); /* 滿版巨型標題 */

	/* 5. 陰影系統 (Beautiful Subtle Shadows) */
	--zhj-shadow-sm: 0 2px 8px rgba(28, 28, 26, 0.03);
	--zhj-shadow-md: 0 8px 24px rgba(28, 28, 26, 0.06);
	--zhj-shadow-lg: 0 20px 48px rgba(28, 28, 26, 0.08);

	/* 6. 版面網格與間距 (Layout & Spacing) */
	--zhj-container-max: 1360px;
	--zhj-container-narrow: 920px;
	--zhj-gap-gutter: clamp(1.25rem, 3vw, 2.5rem);
	--zhj-section-spacing: clamp(4rem, 8vw, 8rem);
	--zhj-header-height: 80px;

	--page-max: 1360px;
	--page-gutter: clamp(1.25rem, 3vw, 2.5rem);

	/* 7. 動態過渡常數 (Transitions) */
	--zhj-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
	--zhj-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
	--zhj-duration-fast: 0.25s;
	--zhj-duration-normal: 0.4s;
	--zhj-duration-slow: 0.8s;
}