/*
Theme Name:   Jasgood Child
Theme URI:    https://blog.jasgood.com
Description:  Blocksy 子主题：JASGOOD 内容博客，视觉复刻 Shopify 主站（Prestige 主题）—— Poppins、大写宽字距标题、近黑配纯白、大留白。主站是 Shopify 不是 WP，本主题是按主站 CSS token 重建的，不是移植。可视化在 assets/css/，逻辑在 inc/，本文件只声明主题元信息 + 设计 token。
Author:       jasgood blog team
Author URI:   https://blog.jasgood.com
Template:     blocksy
Version:      1.3.1
Text Domain:  jasgood-child
*/

/* ============================================================
   设计 token — 复刻 www.jasgood.com（Shopify Prestige 11.1.0）
   ------------------------------------------------------------
   来源：2026-09-07 抓取主站首页，从其 CSS 自定义属性中提取，
        原始 HTML 存 design-refs/main-site-2026-09-07/homepage.html。

   主站签名特征（三条，缺一就不像）：
     1. 标题一律大写 + 0.08em 宽字距 + font-weight 400（不是粗体）
     2. 近黑 rgb(28 28 28) 配纯白，几乎不用彩色强调
     3. 大留白 —— section 垂直间距 2.5rem 起，桌面端 4rem

   ⚠ 一处刻意的偏离，见 --jg-article-*：
     主站正文 --text-base 是 0.875rem(14px)。那是电商 UI 的尺度，
     用来读 800-1200 字的长文会很痛苦。所以「界面文字」沿用 14px 保持
     和主站一致，「文章正文」单独放大到 17px/1.75 —— 品牌观感不变，
     可读性拿回来。这是内容站和商城站的本质差异，不是抄漏了。
   ============================================================ */
:root {
	/* --- 颜色（RGB 分量，配合 rgb(var(--x) / <alpha>) 用） --- */
	--jg-ink:          28 28 28;      /* 主文字 / 主按钮底 */
	--jg-paper:        255 255 255;   /* 页面背景 */
	--jg-sand:         213 207 200;   /* 次级按钮暖灰（主站 --button-background 之一） */
	--jg-border:       221 221 221;
	--jg-border-soft:  235 235 235;
	--jg-muted:        110 110 110;   /* 日期 / 面包屑 / 辅助信息 */

	/* --- 字体 --- */
	--jg-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--jg-heading-weight:    400;
	--jg-heading-tracking:  0.08em;
	--jg-heading-transform: uppercase;

	/* --- 界面字号（严格对齐主站 --text-*） --- */
	--jg-text-xs:   0.75rem;      /* 12px */
	--jg-text-sm:   0.8125rem;    /* 13px */
	--jg-text-base: 0.875rem;     /* 14px */
	--jg-text-lg:   1rem;         /* 16px */
	--jg-text-xl:   1.125rem;     /* 18px */

	/* --- 文章正文（刻意偏离主站，见上方说明） --- */
	--jg-article-size:   1.0625rem;  /* 17px */
	--jg-article-height: 1.75;
	--jg-article-width:  42.5rem;    /* 主站 --container-xs-max-width，约 68 字符/行 */

	/* --- 容器（主站 --container-*-max-width 原值） --- */
	--jg-container-xs: 42.5rem;
	--jg-container-sm: 61.25rem;
	--jg-container-md: 71.875rem;
	--jg-container-lg: 78.75rem;
	--jg-gutter:       1.25rem;

	/* --- 垂直节奏 --- */
	--jg-section-y:  2.5rem;
	--jg-stack-gap:  2.25rem;
}

@media (min-width: 700px) {
	:root {
		--jg-gutter:     2rem;
		--jg-section-y:  4rem;
		--jg-stack-gap:  3rem;
	}
}

@media (min-width: 1150px) {
	:root { --jg-gutter: 3rem; }
}