/* ══════════════════════════════════════════════════════════════
   KANSORA 令牌覆盖（studio 模板 · 深色）
   ══════════════════════════════════════════════════════════════ */

:root {
  /* 背景阶梯 */
  --bg:#0A0A0B; --bg-2:#0F0F11; --bg-3:#141417;
  --surface:#141417; --surface-2:#1A1A1E; --surface-3:#202025;
  --surface-4:#26262C; --surface-5:#2C2C33;

  /* 边框 */
  --border:#26262C; --border-light:#33333A; --border-2:#3D3D45;

  /* 文字 */
  --text:#F2F4F5; --text-2:#C6CCD2; --muted:#9AA3A9;

  /* 强调色（品牌主色） */
  --accent:#E4007F; --accent-rgb:228, 0, 127;
  --accent-2:#E4007F; --accent-2-rgb:228, 0, 127;
  --accent-dark:#E4007F; --accent-light:rgba(228,0,127,0.18);
  --accent-2-dark:#E4007F;

  /* 语义色 */
  --success:#34D399; --success-rgb:52, 211, 153; --success-light:#7EE2B8;
  --warning:#FBBF24; --warning-rgb:251, 191, 36; --warn:#FF6B4A;
  --purple:#A78BFA; --purple-rgb:167, 139, 250;
  --whatsapp:#25D366; --whatsapp-rgb:37, 211, 102;
  --slate:#667788; --slate-dark:#1E2A33; --light:#F7F8F9;

  /* 渐变 */
  --grad: linear-gradient(135deg, rgba(228,0,127,0.85) 0%, #E4007F 55%, #E4007F 100%);
  --grad-blue: linear-gradient(135deg, #E4007F, #E4007F);

  /* 圆角 */
  --radius:12px; --radius-lg:16px;
  --r-2:4px; --r-4:6px; --r-5:6px; --r-6:8px;
  --r-8:10px; --r-9:10px; --r-10:10px; --r-11:12px;
  --r-12:12px; --r-16:16px; --r-pill:9999px;

  /* 字体 */
  --font-head:'Geist', system-ui, sans-serif;
  --font-body:'Geist', 'Inter', system-ui, sans-serif;

  /* 阴影 */
  --shadow: 0 2px 16px rgba(0,0,0,0.06), 0 12px 40px rgba(0,0,0,0.04);
}

/* ── Hero 模板变量对齐（关键：否则 hero 与内页配色不一致）── */
:root {
  --sr-accent:#E4007F;
  --sr-accent-ink:#0A0A0B;
  --sr-card-bg: rgba(242,244,245,0.05);
  --sr-card-inner: rgba(242,244,245,0.08);
  --sr-border: rgba(242,244,245,0.12);
  --sr-white-20: rgba(242,244,245,0.2);
  --sr-text:#F2F4F5;
  --sr-text-80:rgba(242,244,245,0.8);
  --sr-text-70:rgba(242,244,245,0.7);
  --sr-text-60:rgba(242,244,245,0.6);
  --sr-text-50:rgba(242,244,245,0.5);
}