/* Tailwindで足りない最小補助 + 既存変数（プログレスバーや古いコード互換のため一部残置） */
:root {
  --rose-500: #C97B84;
  --rose-600: #A0606A;
  --rose-200: #F2DEE0;
  --gold: #D4A574;
}

/* スクロールバー薄型化 */
.scrollbar-thin::-webkit-scrollbar { height: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #E5BFC3; border-radius: 999px; }
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }

/* 星レーティング バー(評価軸用) */
.axis-bar { height: 6px; background: #F2DEE0; border-radius: 999px; overflow: hidden; }
.axis-bar > span { display: block; height: 100%; background: linear-gradient(90deg, #D4A574, #C97B84); border-radius: 999px; }

/* 5段階の塗り星 */
.stars-row { letter-spacing: 1px; color: #D4A574; }
.stars-row .off { color: #EBE3E0; }

/* アイコンアバター(1〜10をローズゴールド系のグラデで色分け) */
.avatar-1  { background: linear-gradient(135deg,#F7E9E9,#E5BFC3); }
.avatar-2  { background: linear-gradient(135deg,#F2DEE0,#D49AA1); }
.avatar-3  { background: linear-gradient(135deg,#FBF6F4,#D4A574); }
.avatar-4  { background: linear-gradient(135deg,#F7E9E9,#C97B84); }
.avatar-5  { background: linear-gradient(135deg,#FAF7F4,#E1B988); }
.avatar-7  { background: linear-gradient(135deg,#F2DEE0,#A0606A); }
.avatar-8  { background: linear-gradient(135deg,#FDFBF8,#D49AA1); }
.avatar-10 { background: linear-gradient(135deg,#F7E9E9,#7E4953); }
.avatar-default { background: linear-gradient(135deg,#F2DEE0,#C97B84); }

/* WordPressから取り込んだHTMLの下方互換 */
.prose-rose :where(p,li){ line-height:1.85; }
.prose-rose :where(strong){ color:#A0606A; }
.prose-rose :where(a){ color:#C97B84; text-decoration: underline; }