/* Brand variables: guildlink.online — v3 (hero 主按钮/渐变/占位 radial + footer)
   Source: #047857（favicon 包品牌主色）本文件在主题目录之外，Ocean 同步不会覆盖。 */
:root {
  --brand: #047857;
  --brand-hover: #036549;
  --brand-active: #036549;
  --brand-contrast: #ffffff;
  --accent: #15b487;
  --accent-soft: #9cdfcc;
  --footer: #164437;
  --footer-secondary: #12382d;
}

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

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

/* 无图占位的 radial：首段从硬编码青改品牌色混合 */
.home-hero-art--ph {
  background: radial-gradient(120% 90% at 80% 20%, #086c60 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(4, 120, 87, 0.82) 31%, rgba(4, 120, 87, 0) 100%);
}
@media (max-width: 900px) {
  .splash__art::before {
    background: linear-gradient(90deg, var(--header) 0%, rgba(4, 120, 87, 0.55) 45%, rgba(4, 120, 87, 0) 100%);
  }
}

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