/* Brand variables: solocolors.com — v3 (hero 主按钮/渐变/占位 radial + footer)
   Source: #7E22CE（favicon 包品牌主色）本文件在主题目录之外，Ocean 同步不会覆盖。 */
:root {
  --brand: #7E22CE;
  --brand-hover: #6a1dad;
  --brand-active: #6a1dad;
  --brand-contrast: #ffffff;
  --accent: #a263d9;
  --accent-soft: #f3edf7;
  --footer: #2e1b3e;
  --footer-secondary: #261634;
}

/* 首页 Hero 主按钮：原来是硬编码 #169da1，改为品牌色（hover 仍走 --accent） */
.home-hero .primary-button { background: var(--brand); }

/* 首页 Hero 渐变纱幕：深海蓝基底保留，中间段叠加品牌色 */
.home-hero-art::before {
  background: linear-gradient(90deg, var(--header) 0%, rgba(126, 34, 206, 0.82) 31%, rgba(126, 34, 206, 0) 100%);
}

/* 无图占位的 radial：首段从硬编码青改品牌色混合 */
.home-hero-art--ph {
  background: radial-gradient(120% 90% at 80% 20%, #5138a8 0%, var(--header) 55%, #05273a 100%);
}

/* Hero 眉标星标：品牌强调色 */
.home-hero .eyebrow .teal-star { color: var(--accent); }

/* 列表页 splash 同款纱幕（若存在） */
.splash__art::before {
  background: linear-gradient(90deg, var(--header) 0%, rgba(126, 34, 206, 0.82) 31%, rgba(126, 34, 206, 0) 100%);
}
@media (max-width: 900px) {
  .splash__art::before {
    background: linear-gradient(90deg, var(--header) 0%, rgba(126, 34, 206, 0.55) 45%, rgba(126, 34, 206, 0) 100%);
  }
}

/* splash 小标签（列表页 hero eyebrow） */
.splash .chip {
  background: var(--accent-soft);
  color: var(--brand);
  padding: 0.2rem 0.55rem;
  border-radius: 4px;
}