/* theme-vivid.css — 训练 + 比赛页面专属 鲜红主题 (节点 24 扩展)
 *
 * 触发页面：matches / match-detail / trainings / training-detail
 * 由 <body class="theme-forest theme-vivid"> 激活
 *
 * 翻译自 romanjeanelie.com v2:
 *   - 原站 fg=#FF0000 (纯红) → 这里 --accent-wine=#FF0000 (取代默认 #B65560)
 *   - 原站 rgba(255,0,0,0.6) overlay → 这里 --wine-overlay-60 (CT3 滚轮渐淡)
 *   - 原站 rgba(255,255,0,0.8) hover → 这里 main a:hover 用 --accent-yellow (CT2)
 *
 * 约束遵守：
 *   C6 ≤5% 红表面 — CT1 卡片 0.04 alpha + CT3 hero overlay 0.6 alpha（仅 hero 区）
 *   C7 3 色 (cream/forest/beige + accent) — 没引入新 base color，只把 accent 提亮
 *   C5/C11 无 @keyframes — CT3 + CT6 用 rAF
 *   C13 border-radius: 0 — 不变
 *
 * 限制范围：仅在 theme-vivid 容器内 override 不污染其他页面
 */

body.theme-vivid {
  /* 鲜红 accent — romanjeanelie #FF0000 直接翻译 */
  --accent-wine: #FF0000;

  /* 半透明叠层 — romanjeanelie alpha pattern 翻译 (CT1 + CT3) */
  --wine-overlay-04: rgba(255, 0, 0, 0.04);   /* 卡片背景 */
  --wine-overlay-12: rgba(255, 0, 0, 0.12);   /* 高亮卡 / hover 态 */
  --wine-overlay-20: rgba(255, 0, 0, 0.2);    /* 彩色边框 */
  --wine-overlay-60: rgba(255, 0, 0, 0.6);    /* hero 浮层 (CT3) */
}

/* ===== CT2 — 主区链接 hover 闪黄 ===== */
/* 排除 nav/footer — 仅 main 内容区 */
body.theme-vivid main a:hover {
  color: var(--accent-yellow);
}