/* ========================================================================= */
/* File: ooparts-zukan-color.css                                             */
/* Role: 色彩分配マトリクス（純度100%のカラー配線盤）                        */
/* Description: 最上流のPHPから動的生成されたクラス（.type-タイプ名）の電波を受け、 */
/* 各コンポーネントのパーツへ色彩（--pc-type-color）を自動分配する。          */
/* 法律: 18タイプの個別クラス定義はPHP側で自動生成されるため、ここには書かない。 */
/* カード本体の背景色・枠線主権は各ページ専用CSSへ一括統合したためここには書かない。 */
/* グリッド、余白、物理サイズ、アニメーションも1文字も混入させない。        */
/* ========================================================================= */

/* ------------------------------------------------------------------------- */
/* 1. 各コンポーネントパーツへの色彩分配                                     */
/* ------------------------------------------------------------------------- */

/* 【解説：DATA帰還バッジの枠線】
   詳細ページへ戻るルートを示す1pxの境界線へ、タイプ固有のカラーを同期させます。 */
.ooparts-dl-link-badge {
    border-color: var(--pc-type-color);
}

/* 【解説：図鑑ナンバーのテキストカラー】
   外骨格側でグレーに曇っていた図鑑ナンバー（#???）の文字色へ、
   タイプ固有の色彩を直接射入し、アイデンティティをくっきりと浮き上がらせます。 */
.pc-info-no {
    color: var(--pc-type-color);
}

/* 【解説：配布層上部ボーダーの色彩直結】
   ドット絵配布スロット（半透明の黒背景）の最上部を走る仕切り線に
   確定したタイプ固有色を割り当て、カード上下のデザインの血流を繋ぎます。 */
.pc-download-layer {
    border-top-color: var(--pc-type-color) !important;
}

/* 【解説：配布用アセット画像ホバー時の発光】
   ユーザーがドット絵画像にマウスを乗せた瞬間、外骨格側のアニメーション（1.08倍拡大）
   と完全に連動し、白いフチ境界線をタイプ固有のカラーで美しくフレア（発光）させます。 */
.pc-download-layer .ooparts-dl-asset-img:hover {
    border-color: var(--pc-type-color) !important;
}

/* ------------------------------------------------------------------------- */
/* 2. ポケカ11属性カラーの配線（--pc-ptcg-color）    0606                        */
/* ------------------------------------------------------------------------- */
/* 今後アーカイブカードや個別ページで「ポケカの属性色」を流し込みたいパーツの  */
/* クラスに、以下の汎用ユーティリティクラスを付与するだけで色が全自動連動します。*/

/* ポケカ基調：テキストカラー配線 */
.ptcg-theme-text {
    color: var(--pc-ptcg-color);
}

/* ポケカ基調：ボーダーカラー配線 */
.ptcg-theme-border {
    border-color: var(--pc-ptcg-color);
}

/* ポケカ基調：背景カラー配線（半透明やグラデーションのベースにも利用可） */
.ptcg-theme-bg {
    background-color: var(--pc-ptcg-color);
}
