/*
 * カツプロの色合い（2026-10-04 カツ指定）。yR Media の base.css は一文字も変えず、色だけここで上書きする
 * （手引き 3章「色はブランドに合わせて :root だけ直す」と同じ考え方）。デザインギャラリーとカツプロPR で同じファイルを使う。
 * カツプロの色：青 #0055ff（主）・#0044cc（押したとき）・#0047d6（文字の青）・文字 #1a1a1a（カツプロのレイアウトで数えた）
 */
:root {
  --text-strong: #1a1a1a;
  --gray: #f5f8ff;     /* 2段目の帯・足の地（ごく薄い青） */
  --panel: #eef4ff;    /* 淡い枠 */
  --blush: #cfe0ff;
  --rose: #0055ff;     /* 差し色＝カツプロの青 */
  --ink: #1a1a1a;
  --night: #0a2a6b;
}
.picks { background: linear-gradient(135deg, #0055ff 0%, #0036b3 100%); }
.sub-tabs a[aria-current="page"] { background: #0055ff; border-color: #0055ff; }
.side-btn, .mag-src .back__shop { background: #0055ff; }
.side-btn:hover, .mag-src .back__shop:hover { background: #0044cc; }
.side-cats a:hover, .block__more:hover, .side-link:hover { color: #0047d6; }