/* ══════════════════════════════════════════════════════════════
   RYDEMARK 令牌覆盖（eos 模板 · 深色）
   ══════════════════════════════════════════════════════════════ */

: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:#D01E28; --accent-rgb:208, 30, 40;
  --accent-2:#D01E28; --accent-2-rgb:208, 30, 40;
  --accent-dark:#D01E28; --accent-light:rgba(208,30,40,0.18);
  --accent-2-dark:#D01E28;

  /* 语义色 */
  --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(208,30,40,0.85) 0%, #D01E28 55%, #D01E28 100%);
  --grad-blue: linear-gradient(135deg, #D01E28, #D01E28);

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

  /* 字体 */
  --font-head:'General Sans', 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 {
  --eos-bg:#0A0A0B;
  --eos-fg:#F2F4F5;
  --eos-fg-60:rgba(242,244,245,0.6);
  --eos-fg-70:rgba(242,244,245,0.7);
  --eos-white-10:rgba(242,244,245,0.1);
  --eos-white-20:rgba(242,244,245,0.2);
  --eos-overlay: rgba(0, 0, 0, 0.5);
  --eos-grad: linear-gradient(144.5deg, #F2F4F5 28%, rgba(0,0,0,0) 115%);
}