/* ============================================================================
VEZORYA — Typeface + Text Color Override（仅改 ① 字体 ② 文字颜色）
----------------------------------------------------------------------------
本文件【只改字体和文字颜色】，不改动任何背景、蓝色 / 金色主题色块、按钮、
横幅、页脚底色、边框、布局、尺寸、间距与文案。
字体：
· 大标题 h1 / h2 → Fraunces（现代高对比衬线，欧美高奢时装杂志感）
· 正文 / 所有 UI → Jost（Futura 血统几何无衬线，干净利落）
文字颜色：
· 浅底上的标题 / 正文 / 商品名 / 价格 / 文字链接：
由原来偏冷的蓝灰、亮蓝，统一为带暖调的“高级墨黑”，更显质感；
· 蓝色品牌元素（Hero、横幅、按钮、View all、选中态、图标）原样保留；
· 深蓝 / 深底（Hero、Store 横幅、页脚）上的文字保持白色，不受影响。
用法（在每个页面 之前、所有原有样式表之后加这两行）：
============================================================================ */
/* ============================================================================
一、字体
============================================================================ */
body,
button,
input,
select,
textarea {
font-family: 'Jost', 'Manrope', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
h1, h2 {
font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
font-weight: 600;
}
h3, h4, h5, h6 {
font-family: 'Jost', 'Manrope', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
/* ============================================================================
二、文字颜色（仅文字，浅底区域）——暖调高级墨黑
只覆盖 --text* 这一组“文字专用”变量，不动 --primary / --gold / 背景 / 边框。
============================================================================ */
:root {
--text-dark: #171410; /* 标题 / 商品名：暖墨黑（近黑） */
--text: #363129; /* 正文：暖炭灰，长时间阅读更舒服 */
--text-muted: #70695c; /* 次要说明文字 */
--text-light: #9d9587; /* 分类小标签 / 弱化文字 */
--text-lighter: #b3ab9c;
}
body { color: #363129; }
/* 文字链接：浅底上默认墨黑，hover 回到品牌蓝，干净又有交互反馈 */
a { color: #171410; }
a:hover { color: var(--primary); }
/* 价格：列表卡 / 详情页 / 购物车 / 结算合计 / 搜索结果，统一墨黑（高端惯例） */
.prod-price,
.product-price,
.product-price .price-current,
.pdp-price .price-current,
.pd-price .now,
#pdPriceNow,
.cart-item-price,
.summary-row.total .value,
.search-item-info .si-price {
color: #171410;
}
/* 划线原价跟随次要暖灰；省多少钱的红色提示为功能色，保留 */
.pd-price .was { color: var(--text-muted); }
/* ============================================================================
三、深底 / 品牌色区域：文字保持白色，绝不被上面的墨黑影响（守卫）
============================================================================ */
/* 蓝色 Hero */
.ua-hero,
.ua-hero h1,
.ua-hero h2,
.ua-hero h3,
.ua-hero h4,
.ua-hero p,
.ua-hero b,
.ua-hero li { color: #fff; }
.ua-hero p { color: rgba(255,255,255,.85); }
.hero-text h1 strong { color: var(--gold); }
.ua-hero a { color: #fff; }
.ua-hero .ua-btn-light { color: var(--primary); }
.ua-hero .ua-btn-light:hover { color: var(--primary-dark); }
/* Store 等页面的蓝色横幅 */
.page-header,
.page-header h1,
.page-header h2,
.page-header h3 { color: #fff; }
.page-header .breadcrumb,
.page-header .breadcrumb a { color: rgba(255,255,255,.85); }
.page-header .breadcrumb a:hover { color: var(--gold); }
/* 分类卡上的深色遮罩文字 */
.cat-overlay h3,
.cat-overlay .cat-go,
.cat-overlay a { color: #fff; }
/* 深藏蓝页脚（背景 #101b2e 保持不动） */
.ua-footer,
.site-footer { color: #c8d2e0; }
.ua-footer a,
.site-footer a,
.footer-col ul li a,
.footer-copyright-links a { color: #c8d2e0; }
.ua-footer a:hover,
.footer-col ul li a:hover { color: #fff; }
.ua-footer .footer-logo .logo-word,
.footer-brand .logo-word,
.footer-col h4 { color: #fff; }
/* 旧类名 .site-footer 的背景原本取 --text-dark，这里固定回原冷黑，避免误改 */
.site-footer { background: #14181f; }
/* 蓝色 / 金色按钮上的文字保持原配色 */
.ua-btn-primary,
.ua-btn-primary:hover,
.ua-btn-gold:hover { color: #fff; }
.ua-btn-gold { color: var(--text-dark); }
.ua-btn-light { color: var(--primary); }
.ua-btn-outline-dark { color: var(--primary); }
/* 品牌蓝交互文字保持蓝色（View all、标签页、选中态、分类导航等） */
.see-all,
.see-all:hover,
.tab-btn.active,
.variant-btn.active { color: var(--primary); }
/* ============================================================================
四、金额 / 价格配色 + 字体优化（高级版）
----------------------------------------------------------------------------
参照高奢电商（Mr Porter / Loro Piana / Brunello Cucinelli）的克制层级：
· 商品行价 / 各小计 → Jost 几何数字，暖墨黑，干净
· 商品详情主价格 / 总计 → Fraunces 衬线数字，暖墨黑，时装大片感
· 付款金额（实际扣款） → Fraunces 衬线数字，品牌深蓝，全场最终焦点
· 免运费 Free → 沉稳墨绿（正向、克制）
· 划线原价 → 暖灰；省钱提示 → 高级酒红
所有金额数字启用等宽数字（tnum），小数点对齐、整齐专业。
============================================================================ */
:root {
--price-accent: #1a1612; /* 全站金额统一暖墨黑 */
--money-dark: #1a1612; /* 衬线大数字 */
--money-blue: #0b4d9e; /* 付款金额焦点蓝 */
--money-green: #2f6b4a; /* 免运费墨绿 */
--money-red: #9a3324; /* 省钱酒红 */
}
/* 金额数字：等宽对齐 + 关闭连字，保证整齐 */
.prod-price, .product-price, .coi-price, .cart-total, .cart-item-price,
.sum-row, #pdPriceNow, .pd-price, .search-item-info .si-price {
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
/* —— 商品行价 / 小计（Jost，暖墨黑）—— */
.checkout-summary .coi-price,
.cart-total {
color: #221d17;
font-weight: 600;
}
/* —— 商品详情主价格（Fraunces 衬线，时装大片感）—— */
#pdPriceNow,
.pd-price .now,
.pdp-price .price-current {
font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
font-weight: 600;
color: var(--money-dark);
font-variant-numeric: tabular-nums;
}
/* —— 总计 Estimated total（Fraunces 衬线墨黑，放大）—— */
.checkout-summary .sum-row.total > :last-child,
#cartSummary .sum-row.total > :last-child,
.confirm-details .sum-row.total > b,
.confirm-details .sum-row.total > :last-child {
font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
font-weight: 600;
color: var(--money-dark);
font-variant-numeric: tabular-nums;
}
.sum-row.total b,
.sum-row.total span { color: var(--money-dark); }
/* —— 付款金额 Payment amount（Fraunces 衬线深蓝，全场最终焦点）—— */
.checkout-summary .actual-charge > :last-child,
.checkout-summary #coTotal {
font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
font-weight: 600;
color: var(--money-blue);
font-variant-numeric: tabular-nums;
}
.checkout-summary .actual-charge b { color: var(--money-blue); }
/* —— 免运费 Free：墨绿（JS 渲染时加 .free）—— */
.sum-row .free,
.free { color: var(--money-green) !important; font-weight: 600; }
/* —— 税 / 破折号：暖灰，弱化 —— */
#coTax, .sum-row #coTax { color: #938b7d; }
/* —— 划线原价（暖灰）/ 省钱提示（高级酒红）—— */
.pd-price .was, .product-price .price-was, .price-was { color: #8d8578; }
.pd-price .save, .product-price .price-save { color: var(--money-red); }