/* gallery-accent.css — Gallery 页 per-page accent 注入（节点 3, C14 升级）
 *
 * 规则（per spec §2.4 + brief C6/C7/C11）：
 *   1) 唯一一处 accent 表面：.badge--current + .badge--locked 状态徽章
 *   2) 不重复声明 --accent-1 — 直接引用 var(--accent-1)（accent-base.css 已定义）
 *   3) Badge 文字色 = var(--bg) — contrast 9.8:1 ≥4.5 ✓
 *   4) border-radius: 0 (C13) — badge 不例外
 *   5) 所有 transition 用 var(--dur-micro) + var(--ease) — 无 cubic-bezier 字面量
 *   6) 无 @keyframes (C11) — 全 transition
 *   7) 占整页表面 ≤5%
 *   8) hover/focus 强调用 accent-1 描边 + 背景色
 *   9) 不在 gallery-accent.css 重写 .gallery-card — 卡片样式在 src/gallery.html per-page <style>
 *      （per-page style 接管，避免双重声明）
 */

.badge {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 4px 8px;
  border: none;
  border-radius: 0;
  font-family: var(--font-utility);
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  transition:
    background-color var(--dur-micro) var(--ease),
    color var(--dur-micro) var(--ease),
    border-color var(--dur-micro) var(--ease);
}

.badge--current {
  background: var(--accent-1);   /* #E0D1B6 beige */
  color: var(--bg);             /* #162D24 forest */
}

.badge--locked {
  background: transparent;
  color: var(--accent-1);
  border: 1px solid var(--accent-1);
}

/* focus-within — accessibility (per T1 M2 minor) */
.gallery-card:focus-within {
  outline: 2px solid var(--accent-1);
  outline-offset: 4px;
}

/* cover image lazy-load fade-in (when v2 introduces real images) */
.gallery-card__cover img {
  opacity: 0;
  transition: opacity var(--dur-micro) var(--ease);
}
.gallery-card__cover img.loaded {
  opacity: 1;
}