/* =========================================================
   Mojin Design Tokens v1.0 (2026-08-08)
   提取自现有页面（Carewell 暖调版），新页面统一引用本文件
   用法: <link rel="stylesheet" href="css/vars.css">
   ========================================================= */
:root {
  /* ── 颜色 ── */
  --warm-blue: #3A7B9E;        /* 主品牌色：暖海蓝 */
  --light-blue: #6D9FB8;       /* 浅海蓝：hover/辅助 */
  --sand-orange: #E8874E;      /* 主 CTA：沙橙 */
  --light-orange: #F4A261;     /* 浅橙：hover */
  --cream: #FCF8F4;            /* 页面底色：奶油白 */
  --warm-gray: #F0EDE8;        /* 区块底色：暖灰 */
  --white: #FFFFFF;            /* 卡片白 */
  --warm-black: #3A3530;       /* 主文字：暖黑 */
  --warm-text: #7A756E;        /* 次级文字 */
  --desert-gold: #DAA55C;      /* 点缀：沙漠金（评分/星标） */
  --saudi-green: #006C35;      /* 点缀：沙特绿（信任/认证） */
  --border-light: #E8E2D8;     /* 边框 */
  --wa-green: #25D366;         /* WhatsApp 品牌绿（仅 WA 按钮/CTA） */

  /* ── 字体（三语矩阵） ── */
  --font-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-cn: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-ar: 'Tajawal', 'Noto Sans Arabic', sans-serif;

  /* ── 圆角 ── */
  --radius-lg: 16px;
  --radius-md: 10px;
  --radius-sm: 6px;

  /* ── 阴影 ── */
  --shadow-card: 0 4px 20px rgba(58, 53, 48, 0.06);
  --shadow-hover: 0 8px 30px rgba(58, 53, 48, 0.10);
  --shadow-btn: 0 2px 8px rgba(232, 135, 78, 0.20);

  /* ── 布局 ── */
  --max-width: 1200px;

  /* ── 字号阶梯 ── */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 28px;
  --fs-2xl: 36px;
}