/* ==========================================================================
   编程派 · 全站品牌层（v2 · 本地草案，未部署）
   作用：把 Hydro 原生页 / 各插件页的自绘组件，统一到编程派视觉
        （主色蓝橙 · 圆角 · 阴影 · 聚焦态）。
   ⚠ 铁律：本文件【只改形状与主色】，绝不设置任何「文字颜色 / 背景颜色」——
        Hydro 站点默认 dark 主题（html.theme--dark），底色与文字色由主题管理；
        v1 因强设 body color 导致暗色卡片正文变灰不可读，已回退。
   作用域：html[data-brand="paipai"]
   回退：删除本文件 + 还原 frontend/templates/layout/html5.html 即完全复原。
   ========================================================================== */

/* ---- 原生按钮：圆角 + 品牌主色 + 过渡（不碰文字色）---- */
html[data-brand="paipai"] .button {
  border-radius: var(--pp-r-md);
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
html[data-brand="paipai"] .button.primary {
  background-color: var(--pp-brand);
  border-color: var(--pp-brand);
}
html[data-brand="paipai"] .button.primary:hover {
  background-color: var(--pp-brand-hover);
  border-color: var(--pp-brand-hover);
}
html[data-brand="paipai"] .button.rounded,
html[data-brand="paipai"] .nav__item--round {
  border-radius: var(--pp-r-pill);
}
html[data-brand="paipai"] .nav__item--round {
  background-color: var(--pp-brand);
}

/* ---- 区块 / 卡片：统一圆角（不设底色，交给主题）---- */
html[data-brand="paipai"] .section,
html[data-brand="paipai"] .card {
  border-radius: var(--pp-r-lg);
}

/* ---- 表单控件：聚焦态品牌色 ---- */
html[data-brand="paipai"] input:focus,
html[data-brand="paipai"] textarea:focus,
html[data-brand="paipai"] select:focus {
  border-color: var(--pp-brand);
  box-shadow: 0 0 0 3px var(--pp-brand-soft);
  outline: none;
}

/* ---- 分页器：当前页品牌蓝 ---- */
html[data-brand="paipai"] .pager .pager__item.active,
html[data-brand="paipai"] .pagination .page-item.active .page-link {
  background-color: var(--pp-brand);
  border-color: var(--pp-brand);
}

/* ---- 侧栏 / 菜单 激活态：统一品牌蓝（取代原生玫红等个性色）---- */
html[data-brand="paipai"] .menu__link.active,
html[data-brand="paipai"] .menu__item--active > .menu__link {
  background-color: var(--pp-brand);
  color: #fff;
}
html[data-brand="paipai"][data-mantine-color-scheme="dark"] .menu__link.active,
html[data-brand="paipai"].theme--dark .menu__link.active {
  background-color: var(--pp-brand-lit);
}

/* ---- 选中文本：品牌淡蓝 ---- */
html[data-brand="paipai"] ::selection {
  background: var(--pp-brand-soft);
}