/**
 * Tesla Pay 品牌主题令牌（Design Tokens）
 * 全端统一引入：运营后台 / 商户端 / 代理门店端 / 商城 / 收银台
 * 规范详见 brand/VI-SPEC.md
 */
:root {
  /* ===== 品牌主色 ===== */
  --tp-red: #E82127;            /* 品牌红：主按钮/强调/Logo */
  --tp-red-hover: #C91B20;
  --tp-red-active: #A8161B;
  --tp-red-bg: #FDEBEC;         /* 红色浅底（选中/角标） */

  --tp-navy: #2B3A4A;           /* 藏青：主文字/标题/导航 */
  --tp-navy-light: #46586B;

  --tp-blue: #1E7FE0;           /* 电光蓝：链接/进行中/信息 */
  --tp-blue-deep: #0E5FCB;
  --tp-blue-bg: #E8F2FC;

  /* ===== 中性色 ===== */
  --tp-bg: #F5F5F3;             /* 页面底色（logo 同款暖灰白） */
  --tp-surface: #FFFFFF;
  --tp-border: #E3E5E8;
  --tp-text: #2B3A4A;
  --tp-text-secondary: #6B7684;
  --tp-text-disabled: #A8B0BA;

  /* ===== 语义色 ===== */
  --tp-success: #10B981;        /* 支付成功/审核通过 */
  --tp-success-bg: #E7F8F1;
  --tp-warning: #F59E0B;        /* 待审核/熔断半开/额度预警 */
  --tp-warning-bg: #FEF4E2;
  --tp-danger: #EF4444;         /* 下架/拉黑/失败（≠品牌红） */
  --tp-danger-bg: #FDECEC;
  --tp-frozen: #8B5CF6;         /* 额度冻结专用 */
  --tp-frozen-bg: #F3EEFD;

  /* ===== 字体 ===== */
  --tp-font: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --tp-font-num: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* ===== 圆角/阴影 ===== */
  --tp-radius-sm: 4px;
  --tp-radius: 8px;
  --tp-radius-lg: 12px;
  --tp-shadow: 0 2px 8px rgba(43, 58, 74, 0.08);
  --tp-shadow-lg: 0 8px 24px rgba(43, 58, 74, 0.12);
}

/* ===== 常用工具类 ===== */
.tp-brand-btn {
  background: var(--tp-red);
  color: #fff;
  border-radius: var(--tp-radius);
  transition: background 0.2s;
}
.tp-brand-btn:hover { background: var(--tp-red-hover); }
.tp-brand-btn:active { background: var(--tp-red-active); }

.tp-money {
  font-family: var(--tp-font-num);
  font-variant-numeric: tabular-nums;
}

.tp-slogan::after {
  content: "价值互联，即刻清算";
}