/* accent-v1 — サイト全体の差し色（2026-09-29）。色の量は 紫 ＞ 金 ＞ 朱 ＞ 緑。
   朱＝「いま」の印（ON AIR・今いるページ・リンクの反応・ヒーローの前の段の線）。緑（緑青）＝日付の小さな文字とヒーローの一つ奥の段の線。
   金は節の見出しのアイコン・ロゴの印・主要な操作・和紋の金の一筆に残す（アイコンは差し色にしない）。
   寺社の朱・緑青・金の組み合わせ。全ページの head の最後に読む（build-site-links.py --shell が差し込む）。 */
:root {
  /* 差し色の順（オーナー 2026-09-29「朱色と緑をサシ色にして。紫＞金＞朱＞緑っていう順番の色使い」） */
  --accent-shu-line: #b54a3a;   /* 朱：線・点（ヒーローの前の段の線と同じ値） */
  --accent-shu-text: #e89a90;   /* 朱：暗い地の上の小さな文字（#08090e・#0d0724 の上で 8.5:1） */
  --accent-midori-line: #47885e; /* 緑（緑青）：線 */
  --accent-midori-text: #8cc5a0; /* 緑（緑青）：暗い地の上の小さな文字（約 10:1） */
}

/* 1. ヘッダー ON AIR（ランプ＋ラベル文字。header-scroll-v1b.css） */
body.hs.eh-study.s55 .s13-header .hero-now[data-state="live"] .hero-now-label {
  color: var(--accent-shu-text);
}
body.hs.eh-study.s55 .s13-header .hero-now[data-state="live"] .hero-now-label::before {
  background: var(--accent-shu-line);
}
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .hs-onair-cycle {
  color: var(--accent-shu-text);
}
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-compact .s55-onair-short {
  color: var(--accent-shu-text);
}

/* 2. ホーム LIVE 節・LIVE ページの配信中カード（live56.js → .v8-live-badge） */
:is(body.s55 #main > .edition-live-wrap > #on-air, body.lp #on-air)
  .v8-live-badge:not(.is-unconfirmed) {
  color: var(--accent-shu-text);
}
:is(body.s55 #main > .edition-live-wrap > #on-air, body.lp #on-air)
  .v8-live-badge:not(.is-unconfirmed) > .ui-icon {
  color: var(--accent-shu-line);
}

/* 3. MEMBERS 一覧 ON AIR（members-v3.css .m3-*） */
body.mb-page .m3-lamp {
  background: var(--accent-shu-line);
}
body.mb-page .m3-air {
  color: var(--accent-shu-text);
}

/* 4. メニュー現在地（site-shell-v1b.css §4 ＋ motion-system-v3.css §4-3）。
   live-page-v1.css（body.lp）・news-page.css（body.nw-page）が暫定で紙色 #f3ecdc を足して詳細度が 1 段高く、朱が効かないページがあった（2026-09-29 実測）。
   ::after は header-scroll-v1.css が currentColor のため、文字が紙色のとき下線もクリームに見えていた。 */
body.hs.eh-study.s55 .s13-header #s14-nav a[aria-current],
body.hs.eh-study.s55.lp .s13-header #s14-nav a[aria-current],
body.hs.eh-study.s55.nw-page .s13-header #s14-nav a[aria-current] {
  color: var(--accent-shu-text);
}
body.hs.eh-study.s55 .s13-header #s14-nav a[aria-current]::after,
body.hs.eh-study.s55.lp .s13-header #s14-nav a[aria-current]::after,
body.hs.eh-study.s55.nw-page .s13-header #s14-nav a[aria-current]::after,
#s14-nav#s14-nav a[aria-current]::after {
  background: var(--accent-shu-line);
  opacity: 1;
}

/* 5. リンクのホバー・焦点の下線（home-fix-v1.css・motion-system-v3.css）。ヒーローの MEET THE MEMBERS（.ensemble-stage .u）は金のまま除外 */
body.eh-study.s55 :is(
  .edition-news-all,
  .edition-works__all,
  .edition-contact-all,
  #products .s55-studio-link,
  #products .s55-hub-banner .action,
  #products .pv-u,
  .v8-live-empty-link,
  [data-vp-link]:not(
    .edition-news-link,
    .edition-works__image-link,
    .lia-link,
    .v8-live-picture,
    .edition-news-all,
    .edition-works__all,
    .edition-contact-all
  )
):is(:hover, :focus-visible)::after {
  background: var(--accent-shu-line);
}
body.hs.eh-study.s55 .s13-header #s14-nav a:is(:hover, :focus-visible)::after,
#s14-nav#s14-nav a:is(:hover, :focus-visible)::after {
  background: var(--accent-shu-line);
}
body.hs.eh-study.s55 .s13-header #s14-nav a:focus-visible::after {
  background: var(--accent-shu-line);
}
body.eh-study.s55 .edition-news .edition-news-link:is(:hover, :focus-visible) :is(h3, .edition-news-title-row h3) {
  text-decoration-color: var(--accent-shu-line);
}
body.eh-study.s55 .edition-news-link:focus-visible :is(h3, .edition-news-title-row h3) {
  text-decoration-color: var(--accent-shu-line);
}
body.sp .sp-u:is(:hover, :focus-visible)::after {
  background: var(--accent-shu-line);
}
body.mb-page.mb-page .mb-u:is(:hover, :focus-visible)::after {
  background: var(--accent-shu-line);
}
#on-air .v8-live-watch:is(:hover, :focus-visible) .v8-live-watch-main::after {
  background: var(--accent-shu-line);
}

/* 6. ヒーローの差し色の線：前面の段（ik-e0）の外弧は朱、一つ奥の段（ik-d0）の外弧は緑 */
.ensemble-stage.ik .ik-waves .ik-front-tier.ik-e0 .sg-arc--outer {
  stroke: var(--accent-shu-line);
  stroke-width: 1.5;
}
.ensemble-stage.ik .ik-waves .ik-crest.ik-d0 .sg-arc--outer {
  stroke: var(--accent-midori-line);
  stroke-width: 1.5;
}

/* 7. 節の見出し・下層の題字の左のアイコンは金のまま（紫＞金＞朱＞緑の順を保つ） */

/* 8. 日付・小さな時系列の札は緑（緑青）の文字 */
body.eh-study.s55 .edition-news .edition-news-date {
  color: var(--accent-midori-text);
}
body.s55 #on-air .lia-meta {
  color: var(--accent-midori-text);
}
body.eh-study.s55 .edition-works .edition-works__credit-label,
body.eh-study.s55 .edition-works .edition-works__caption p {
  color: var(--accent-midori-text);
}
body.sp .nw-date,
body.sp .nw-article-date-text {
  color: var(--accent-midori-text);
}

/* MEMBERS 公開版（members.html / members-v2-list.js）：配信中 LIVE ラベル */
body.mb-page .mb-badge:not([hidden]) {
  color: var(--accent-shu-text);
}
