/* 
 * Meet You Pomelo 全站统一主题变量
 * 版本: 20261014-theme
 *
 * 作用：让「产品首页 / 蜜柚下单页 / 特产商城 / 客户中心」共用同一套配色与形状规范，
 *      避免客人从首页点进商品时感觉"换了个网站"。
 *
 * 用法：在页面 <head> 里、其它样式表之前引入本文件，之后即可在各页面 CSS 中使用
 *      var(--pomelo) 等变量。本文件只定义变量，不含任何选择器规则，不会与现有样式冲突。
 */

:root{
    /* —— 品牌主色 —— */
    --pomelo:        #f2a93b;   /* 柚黄（主按钮、强调） */
    --pomelo-deep:   #e08a12;   /* 深柚黄（按下态、价格） */
    --leaf:          #6aa84f;   /* 叶绿（次要强调、图标） */
    --leaf-deep:     #4a7c34;   /* 深叶绿 */

    /* —— 背景层次 —— */
    --bg:            #fffdf8;   /* 页面底色（米白） */
    --cream:         #fff6e3;   /* 浅暖底（区块、输入框） */
    --cream-deep:    #f6efe2;   /* 深暖底（图片占位、带头区块） */
    --card:          #ffffff;   /* 卡片底色 */

    /* —— 文字 —— */
    --text:          #2b2b28;   /* 主文字 */
    --muted:         #7a756a;   /* 次要文字、说明 */
    --line:          #eee6d6;   /* 分隔线、边框 */

    /* —— 形状 —— */
    --r-lg:          16px;
    --r-md:          12px;
    --r-sm:          10px;
    --shadow:        0 2px 10px rgba(120,90,40,.07);
    --shadow-lg:     0 6px 22px rgba(120,90,40,.13);
}