/* 役割（管理人・レビュアー・研究員）の色。★サイト全体でここが唯一の定義（2026-10-03 まさる指定）。
   色を変えるときはこのファイルの :root の値だけを直す。各画面は下のクラス名を付けるだけで色を直接書かない。
   読み込み元: 公開サイト = components/SiteHeadTail.astro、管理画面 = api/src/admin_layout.php（IRM_SITE_BASE 経由）。
   使っている場所:
     バッジ  … マイページのヘッダー（AccountHeader.astro / account-header.js）、公開プロフィール（api/src/reviewer-profile.php）、
               管理画面のユーザー管理（api/public/manage/users.php）
     文字色  … 研究員ページの管理人✓（site/public/account/render.php）、管理画面の管理人マーク
               （コメント名前右の✓は 2026-10-03 に廃止＝役割はアイコンで見分ける）
   役割の決め方: 管理人=role admin（コメントでは official）／レビュアー=role reviewer（コメントでは author_slug あり）／研究員=それ以外の登録ユーザー */
:root {
  --irm-role-admin: #dc3545;        /* 管理人: 赤 */
  --irm-role-admin-fg: #fff;
  --irm-role-reviewer: #f38d17;     /* レビュアー: オレンジ */
  --irm-role-reviewer-fg: #fff;
  --irm-role-member: #ffc107;       /* 研究員: 黄（白文字だと読めないためバッジの文字は黒） */
  --irm-role-member-fg: #212529;
}

/* バッジ（Bootstrapの .badge と併用。bg-* より優先させるため !important） */
.irm-role-badge-admin    { background-color: var(--irm-role-admin) !important;    color: var(--irm-role-admin-fg) !important; }
.irm-role-badge-reviewer { background-color: var(--irm-role-reviewer) !important; color: var(--irm-role-reviewer-fg) !important; }
.irm-role-badge-member   { background-color: var(--irm-role-member) !important;   color: var(--irm-role-member-fg) !important; }

/* 人型アイコン（2026-10-03 まさる指定）。プロフィール画像が無い時の代わり・コメントの名前横など全箇所で使う。
   Font Awesome 7 はアイコンの形を変数 --fa（グリフのコード）で決めるので、ここで --fa を差し替える。
   使い方: <i class="fa-solid irm-role-icon-member"></i>（fa-solid でフォントを指定し、形はこのクラスで決まる）
   役割の判定（管理人/レビュアー/研究員/未登録）は api/src/roles.php の irm_comment_role() が唯一。 */
.irm-role-icon-admin    { --fa: "\f4ff"; }  /* 管理人: fa-user-pen */
.irm-role-icon-reviewer { --fa: "\f4ff"; }  /* レビュアー: fa-user-pen */
.irm-role-icon-member   { --fa: "\f4fc"; }  /* 研究員: fa-user-check */
.irm-role-icon-guest    { --fa: "\f007"; }  /* 未登録（コメントの名前だけの人）: fa-user */

/* 文字・アイコンの色（管理人マーク等） */
.irm-role-text-admin    { color: var(--irm-role-admin) !important; }
.irm-role-text-reviewer { color: var(--irm-role-reviewer) !important; }
.irm-role-text-member   { color: var(--irm-role-member) !important; }