/* ============================================================
   tokens.css — site-no8(哈吉設計)design tokens
   佈景契約 v1 可調層;基準=C v2.3「精準工程·活的藍圖」
   (260710_04 規劃書 §4 定案;業主 2026-07-10 逐項驗收)
   站台 CSS 一律引用變數,不寫死色值。
   ============================================================ */
:root {
	/* 色彩 — C v2.3 淺色藍圖世界(單一定向,不隨深色模式反轉) */
	--c-bg:        #f5f7f9;   /* 頁面底 */
	--c-card:      #ffffff;   /* 卡片/面板 */
	--c-ink:       #1d2733;   /* 主文字/墨線 */
	--c-text:      #1d2733;   /* 佈景契約相容別名 */
	--c-text-soft: #5c6b7a;   /* 輔文字(對比 ≥4.5:1) */
	--c-line:      #d9e0e7;   /* 一般框線 */
	--c-line2:     #c3cdd6;   /* 次框線 */
	--c-gridline:  #e6ebef;   /* 背景格線專用:淡於 --c-line(業主微調,防干擾閱讀) */
	--c-primary:   #ff5821;   /* 品牌橘紅(舊站主色沿用) */
	--c-accent:    #ff5821;
	--c-accent-ink:#d63c07;   /* 橘紅深(小字/眉標用,保對比) */
	--c-link:      #d63c07;

	/* 字體 */
	--f-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
	--f-mono: Consolas, "Courier New", monospace;   /* 工程感:代號/座標/規格 */
	--fs-base: 16px;
	--fs-scale: 1.25;

	/* 形狀與間距 — 方角+墨線+硬陰影(藍圖語彙) */
	--radius: 0px;                                   /* 卡片方角 */
	--space-unit: 8px;
	--grid-size: 48px;                               /* 背景格線間距 */
	--border-ink: 2px solid var(--c-ink);            /* 標誌性墨線 */
	--shadow-card: 8px 8px 0 rgba(29, 39, 51, .1);   /* 硬陰影(大面板) */
	--shadow-card-sm: 6px 6px 0 rgba(29, 39, 51, .1);/* 硬陰影(卡片 hover) */
}