/*
 * Freshway 品牌色板和设计令牌（第五版设计稿，交接/设计稿/README.md）。
 * 模板和组件 CSS 只引用这里的变量，不写色值。FreshPro 另写 brand/freshpro.css，变量名相同。
 */

:root {
	/* 主色（PANTONE 7666 C）：页眉、标题 */
	--fm-color-primary: #5c4e63;
	/* 页眉上更深一层：语言切换、菜单按钮底色 */
	--fm-color-primary-deep: #433849;
	/* 强调紫：链接、次要按钮、英文副标题 */
	--fm-color-accent: #6e5a7a;
	--fm-color-footer: #3a3040;
	--fm-color-footer-line: #574a5e;
	--fm-color-on-footer: #e6ddeb;
	--fm-color-on-footer-muted: #cfc3d6;
	--fm-color-on-primary: #fff;
	--fm-color-on-primary-line: #7a6a82;

	/* 区块浅底、分隔线 */
	--fm-color-surface: #fff;
	--fm-color-tint-1: #f5f1f7;
	--fm-color-tint-2: #efe7f2;
	--fm-color-line: #e8e0ec;
	--fm-color-border: #ddd2e3;
	/* 表单输入框边框（第五版留言、申请表）；出错提示（设计稿没有画，取白底上对比度 6.5:1 的深红） */
	--fm-color-input-border: #8e8296;
	--fm-color-error: #b3261e;

	/* 主按钮（嫩绿）和按钮上的文字；深底上的高亮绿 */
	--fm-color-cta: #b5c968;
	--fm-color-on-cta: #1f2a06;
	--fm-color-cta-edge: #8c9c4f;
	--fm-color-highlight: #cfe08f;

	/* 文字 */
	--fm-color-text: #23262b;
	--fm-color-text-lead: #4a4d55;
	--fm-color-text-muted: #555963;
	--fm-color-text-placeholder: #4a3f51;

	/* 装饰 */
	--fm-color-decor: #ae79a8;
	--fm-color-decor-2: #8987b2;
	--fm-color-decor-3: #ccafc8;
	--fm-color-wechat: #1aad19;
	--fm-shadow-card: 0 18px 36px rgb(43 41 80 / 14%);
	--fm-shadow-tag: 0 16px 32px rgb(43 41 80 / 22%);
	--fm-color-backdrop: rgb(0 0 0 / 70%); /* 弹窗背后的遮罩 */

	/* 圆角 */
	--fm-radius-button: 6px;
	--fm-radius-media: 8px;
	--fm-radius-tile: 10px; /* 跳到正文链接、手机首页部门卡片 */
	--fm-radius-card: 12px;
	--fm-radius-pill: 999px;
	--fm-radius-mark: 2px; /* 列表前的菱形小标记 */

	/* 版心 */
	--fm-width-page: 1240px;
	--fm-gutter: 16px;

	/* Logo 高度：手机、电脑 */
	--fm-logo-height: 52px;
	--fm-logo-height-wide: 66px;
}

@media (min-width: 768px) {

	:root {
		--fm-gutter: 24px;
	}
}