/* ============================================================
   theme.css — Vant 4 主题变量覆盖
   职责：定义全局 CSS 自定义属性（CSS Variables），覆盖 Vant 默认主题色、
         文本色、背景色、字号、圆角、阴影等，确保全站视觉风格统一。
   引入顺序：必须在 vant@4.9.24/vant.min.css 之前引入，否则覆盖不生效。
   ============================================================ */

:root {
  /* -------------------- 品牌色 -------------------- */
  --van-primary-color: #1989FA;   /* 主色：按钮、链接、Tab 高亮 */
  --van-success-color: #2A9D8F;   /* 成功色 */
  --van-danger-color: #E63946;    /* 危险/错误色 */
  --van-warning-color: #F4A261;   /* 警告色 */

  /* -------------------- 文本色 -------------------- */
  --van-text-color: #1A2B3C;      /* 主文本色 */
  --van-text-color-2: #5A6B7A;    /* 辅助文本色（时间、地点等） */
  --van-text-color-3: #8A9AAA;    /* 提示文本色（placeholder、disabled） */

  /* -------------------- 背景色 -------------------- */
  --van-background: #F8FAFB;      /* 页面全局底色 */
  --van-background-2: #FFFFFF;    /* 卡片/浮层面底色 */

  /* -------------------- 边框与激活 -------------------- */
  --van-border-color: #E2E8EC;    /* 边框/分割线颜色 */
  --van-active-color: #EAF2FF;    /* 点击态背景色 */

  /* -------------------- 字号（px） -------------------- */
  --van-font-size-xs: 10px;       /* 最小字号 */
  --van-font-size-sm: 12px;       /* 小字号 */
  --van-font-size-md: 15px;       /* 正文字号 */
  --van-font-size-lg: 16px;       /* 大字号 */
  --van-font-size-xl: 20px;       /* 标题字号 */

  /* -------------------- 按钮 -------------------- */
  --van-button-default-height: 48px;
  --van-button-large-height: 50px;
  --van-button-radius: 6px;

  /* -------------------- Popup 弹窗 -------------------- */
  --van-popup-round-border-radius: 16px;

  /* -------------------- 自定义扩展变量（非 Vant 原生） -------------------- */
  --color-accent: #0066CC;        /* 强调色：链接、可交互元素 */
  --color-surface: #FFFFFF;       /* 浮层/卡片表面色 */
  --radius-sm: 6px;               /* 小圆角 */
  --radius-md: 10px;              /* 中圆角 */
  --radius-lg: 14px;              /* 大圆角 */
  --shadow-card: 0 1px 3px rgba(26, 43, 60, 0.06), 0 1px 2px rgba(26, 43, 60, 0.04);
  --shadow-raised: 0 4px 12px rgba(26, 43, 60, 0.08), 0 2px 4px rgba(26, 43, 60, 0.04);
}