/* Brand variables: daazzle.lat — v3 (hero 主按钮/渐变/占位 radial + footer)
   Source: #C2410C（favicon 包品牌主色）本文件在主题目录之外，Ocean 同步不会覆盖。 */
:root {
  --brand: #C2410C;
  --brand-hover: #a3370a;
  --brand-active: #a3370a;
  --brand-contrast: #ffffff;
  --accent: #e36a38;
  --accent-soft: #f2e2db;
  --footer: #422417;
  --footer-secondary: #371d13;
}

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

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

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

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