/**
 * 悦灵全局 Design Tokens
 *
 * 默认主题：**轻糖果增长风 v2 · 海盐青糖果科技风（Aqua Candy Tech UI）**。
 *
 * @see docs/56-YUEGROWTH-MINT-CANDY-GROWTH-UI-V2.md
 * @see docs/11-DESIGN-TOKENS.md
 * @see docs/55-YUEGROWTH-VISUAL-BUILDER-UI-SPEC.md
 * @see yueling-front-post-main.css §1（前台遗留 `--color-*` 映射）
 *
 * --yg-* ：语义主体系；--yl-* ：与文档 55 对齐的别名。
 */

:root {
	/* ----- Brand · 海盐青 / Aqua（偏青蓝 Tiffany，非传统科技蓝） ----- */
	--yg-color-primary-rgb: 24, 199, 212;
	--yg-color-primary: #0b7280;
	--yg-color-primary-hover: #0eaebd;
	--yg-color-primary-active: #0b8794;
	--yg-color-primary-soft: #e6fbfd;
	--yg-color-primary-border: #a9eef4;

	/* ----- Secondary · 蜜桃珊瑚 ----- */
	--yg-color-secondary-rgb: 255, 138, 101;
	--yg-color-secondary: #ff8a65;
	--yg-color-secondary-hover: #f97357;
	--yg-color-secondary-active: #ea5a3e;
	--yg-color-secondary-soft: #fff0eb;
	--yg-color-secondary-border: #ffd0c2;

	/* ----- Candy accents（点缀 / 图标底 / 标签，勿大面积铺色） ----- */
	--yg-color-candy-yellow: #fcd34d;
	--yg-color-candy-yellow-soft: #fff8db;

	--yg-color-candy-cyan: #67e8d5;
	--yg-color-candy-cyan-soft: #e7fffb;

	--yg-color-candy-lime: #a7f3d0;
	--yg-color-candy-lime-soft: #ecfdf5;

	--yg-color-candy-pink: #fda4af;
	--yg-color-candy-pink-soft: #fff1f3;

	/* ----- Decorative violet（微量 · 禁止作主按钮/Hero 大块 / 品牌主渐变核心） ----- */
	--yg-color-deco-violet: #8b7cf6;
	--yg-color-deco-violet-soft: #f1efff;
	--yg-color-deco-violet-rgb: 139, 124, 246;

	/* ----- Backgrounds · 暖白 / 浅薄荷 ----- */
	--yg-color-bg-page: #fffdf8;
	--yg-color-bg-soft: #f5fbf7;
	--yg-color-surface: #ffffff;
	--yg-color-surface-soft: #fbfff9;

	/* ----- Text ----- */
	--yg-color-text-primary: #17211f;
	--yg-color-text-secondary: #65726f;
	--yg-color-text-muted: #64748b;

	/* ----- Border ----- */
	--yg-color-border: #e4ece8;
	--yg-color-border-soft: #eef5f1;

	/* ----- Status（克制饱和，避免 Bootstrap 默认厚重感） ----- */
	--yg-color-success: #22c55e;
	--yg-color-success-soft: #ecfdf5;

	--yg-color-warning: #f59e0b;
	--yg-color-warning-soft: #fffbeb;

	--yg-color-danger: #ef4444;
	--yg-color-danger-soft: #fef2f2;

	--yg-color-info: #14b8a6;
	--yg-color-info-soft: #f0fdfa;

	/* docs/55 别名 */
	--yl-primary: var(--yg-color-primary);
	--yl-secondary: var(--yg-color-secondary);
	--yl-bg-soft: var(--yg-color-bg-soft);
	--yl-text-main: var(--yg-color-text-primary);
	--yl-text-sub: var(--yg-color-text-secondary);
	--yl-border: var(--yg-color-border);

	/* Typography（clamp ≈ docs/55 PC / 移动区间） */
	--yg-font-size-h1: clamp(2rem, 4vw, 3.75rem);
	--yg-font-size-h2: clamp(1.75rem, 3vw, 2.75rem);
	--yg-font-size-h3: clamp(1.25rem, 2vw, 1.75rem);
	--yg-font-size-body: clamp(0.9375rem, 0.2vw + 0.9rem, 1.125rem);
	--yg-font-size-small: clamp(0.8125rem, 0.15vw + 0.78rem, 0.875rem);

	--yg-font-weight-heading: 700;
	--yg-font-weight-body: 400;

	/* 版心与水平留白 docs/55 §4 */
	--yg-container-max: 1200px;
	--yg-container-pad-x: clamp(1rem, 4vw, 2.5rem);

	/* 区块垂直间距档位 docs/55 §5 */
	--yg-space-section-compact: 3rem;
	--yg-space-section-standard: 5rem;
	--yg-space-section-relaxed: 6.25rem;
	--yg-space-section-airy: 7.5rem;

	--yg-space-module-inner: clamp(1.5rem, 3vw, 2rem);
	--yg-space-card-gap: 1.5rem;

	/* 圆角 docs/55 §8 */
	--yg-radius-card: 16px;
	--yg-radius-card-lg: 20px;
	--yg-radius-button: 12px;
	--yg-radius-button-pill: 999px;

	/* 阴影（悬浮Tint 跟随主色 RGB） */
	--yg-shadow-card: 0 1px 3px rgba(23, 33, 31, 0.06), 0 1px 2px rgba(23, 33, 31, 0.04);
	--yg-shadow-card-hover: 0 12px 28px rgba(var(--yg-color-primary-rgb), 0.12), 0 8px 16px rgba(23, 33, 31, 0.06);

	--yg-btn-height-md: 44px;
	--yg-btn-height-lg: 48px;

	/* 品牌渐变：海盐青 → 果冻青 → 奶油浅黄（主渐变不含大块蓝紫） */
	--yg-gradient-brand: linear-gradient(135deg, #18c7d4 0%, #67e8d5 52%, #fff1a8 100%);

	--yg-gradient-brand-soft: linear-gradient(
		135deg,
		rgba(24, 199, 212, 0.16) 0%,
		rgba(103, 232, 213, 0.18) 48%,
		rgba(252, 211, 77, 0.2) 100%
	);

	--yg-gradient-warm: linear-gradient(135deg, #fff8db 0%, #fff0eb 56%, #e6fbfd 100%);

	/* 微量蓝紫装饰渐变：边缘光 / 角落微光（禁止主 CTA / 大面积背景） */
	--yg-gradient-deco-violet: linear-gradient(
		135deg,
		rgba(24, 199, 212, 0.18) 0%,
		rgba(139, 124, 246, 0.16) 100%
	);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--yg-motion-duration: 0.01ms;
	}
}