/*
 * Front-end accent usage map.
 *
 * Keep accent on small surfaces, non-text marks, and interaction states so
 * pastel palettes remain readable. Extend this file by the approved groups in
 * Issue #349 instead of scattering late overrides across page stylesheets.
 */

/* Group A: status badges (pagination current-page marker).
 * NEW badge (.tiptop-badge--status) was removed entirely — the mock never had
 * it and it read as a stray dot next to News items (2026-08-14).
 * Nav current-location marker (accent dot) was removed; .is-current
 * now reuses the existing color/opacity current-page treatment in
 * main.css/color-palettes.css/front-ds-legacy-cleanup.css/immersive-system.css. */
.page-numbers.current {
	border-color: var(--tiptop-accent);
	background: var(--tiptop-accent);
	color: var(--tiptop-comment-surface, var(--tiptop-base));
}

/* Group B（タクソノミーチップ）は#458で design-system.css の
 * .tiptop-badge--category へ統合（このファイルが優先度30で最後にロードされ
 * border-color/backgroundの実際の勝者だったため、その値をそのまま移設）。 */

/* Group C（見出し先頭ドット）は2026-07-21に一度適用したが、実見た目でトップページの
 * ヒーロー/About/Works/Services全eyebrowに同一ドットが連続して見えたためオーナー判断で撤去
 * （PR #377の内容を取り消し）。 */

.section h2,
.section-heading-row h2 {
	position: relative;
}

.section h2::after,
.section-heading-row h2::after {
	content: "";
	display: block;
	width: clamp(32px, 5vw, 56px);
	height: 2px;
	margin-top: var(--tt-space-3);
	background: var(--tiptop-accent);
}

/* 2026-08-01: front-page.phpのブログティザーカードはデザインモード分岐なしで
 * 標準デザインにもレンダリングされるため、キーボードフォーカスのアウトラインを無条件に効かせる。 */
.site-main--front .front-blog-card__link:focus-visible {
	outline-width: 2px;
	outline-style: solid;
	outline-color: currentColor;
}

/* カードhoverのaccent枠は不採用（2026-07-21オーナー判断・画像scaleのみの
 * 控えめな演出に対して主張が強すぎるため）。 */