/* ==========================================================================
 * 服务预约 · 卡项 设计令牌(暖奢 SPA 方向)
 * 唯一来源:本原型设计定稿;所有页面共享,改这里 = 全站换肤
 * 方向:暖米白底 + 墨棕文字 + 琥珀棕主色 + 衬线中文标题,SPA 馆气质
 * ========================================================================== */

/* Outfit 可变字体(数字专用,已本地化,禁止改 CDN) */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/outfit-var.woff2') format('woff2');
}

:root {
  /* ---------- 表面 ---------- */
  --canvas: #E8E3DA;        /* 画布(页面外底色,暖灰) */
  --bg: #F6F3ED;            /* 页面底(暖米白) */
  --card: #FFFFFF;          /* 卡片 */
  --inset: #F7F4EE;         /* 内嵌底(输入框/内层卡) */
  --line: #E7E0D4;          /* 暖描边 */
  --divider: #F0EAE0;       /* 分割线 / 中性标签底 */
  --seg-track: #ECE7DD;     /* 分段控件槽 */

  /* ---------- 文字 ---------- */
  --ink: #292420;           /* 墨棕主文字 */
  --ink-2: #6B6259;         /* 次要 */
  --ink-3: #A39A8E;         /* 弱 */
  --ink-4: #CFC7BB;         /* 箭头与占位 */
  --on-accent-2: #E9CDB2;   /* 棕底上的次要字 */

  /* ---------- 主色:琥珀棕(只出现在「可按的东西」上) ---------- */
  --accent: #9A6A45;
  --accent-deep: #7D5433;   /* 按下 / hover */
  --accent-bg: #F3E9DE;     /* 棕浅底 */
  --accent-line: #E3D1BD;   /* 棕浅描边 */

  /* ---------- 金色点缀(卡面/会员感) ---------- */
  --gold: #C9A96A;
  --gold-deep: #A98842;
  --gold-bg: #F8F1E2;

  /* ---------- 语义 ---------- */
  --danger: #B5432F;
  --danger-line: #EAC6BF;
  --danger-bg: #FAEAE7;
  --warn: #A9762F;
  --warn-bg: #FAF3E3;
  --warn-line: #EBDDBE;
  --success: #4E7A52;       /* 鼠尾草绿 */
  --success-bg: #E9F1E9;
  --success-line: #CFDFD0;
  --info: #5B7A99;
  --info-bg: #EAF0F5;

  /* ---------- 状态色(药丸 = 文字色 + 同色浅底;对齐商城订单状态口径) ---------- */
  --st-pending: #A39A8E;                        /* 待支付/待处理 */
  --st-paid: #5B7A99;   --st-paid-bg: #EAF0F5;  /* 已支付/待预约 */
  --st-ready: #A9762F;  --st-ready-bg: #FAF3E3; /* 待到店/待核销 */
  --st-doing: #9A6A45;  --st-doing-bg: #F3E9DE; /* 服务中 */
  --st-done: #4E7A52;   --st-done-bg: #E9F1E9;  /* 已完成 */
  --st-closed: #8B857C; --st-closed-bg: #EFEDE8;/* 已取消/已关闭 */

  /* ---------- 字体 ---------- */
  --font-text: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-serif: 'Songti SC', 'STSong', 'STZhongsong', 'SimSun', serif;   /* 衬线标题(平台自带宋体系) */
  --font-num: 'Outfit', -apple-system, 'PingFang SC', sans-serif;

  /* ---------- 圆角 ---------- */
  --r-card: 18px;
  --r-inner: 14px;
  --r-btn: 999px;           /* 按钮全圆角(美业柔和感) */
  --r-icon-btn: 13px;
  --r-seg: 14px;
  --r-pill: 999px;

  /* ---------- 尺寸 ---------- */
  --h-btn: 52px;
  --h-btn-inline: 44px;
  --h-icon-btn: 40px;
  --h-pill: 32px;

  /* ---------- 投影(暖色柔和) ---------- */
  --shadow-card: 0 2px 14px rgba(96, 74, 52, 0.05);
  --shadow-pop: 0 8px 30px rgba(96, 74, 52, 0.14);
  --shadow-seg: 0 1px 4px rgba(96, 74, 52, 0.12);
  --shadow-hero: 0 12px 32px rgba(125, 84, 51, 0.22);
}

/* ---------- 基础 ---------- */
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; }
body {
  font-family: var(--font-text);
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--canvas);
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
input, textarea, button { font-family: inherit; font-size: inherit; color: inherit; border: none; background: none; outline: none; }

/* 数字/金额/时间统一 Outfit */
.num, .money, .kv-v { font-family: var(--font-num); font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }

/* 衬线标题 */
.serif { font-family: var(--font-serif); }