/*********************************************
 * yy-five-elements-color.css v1.3 - Official Color Palette
 * 陰陽五行 × 十干 × 十二支 統一カラーパレット（五行×陰陽＝10色のみ）
 * Developed by Makouro (2025)
 *
 * =============================================
 * 【Purpose｜目的】
 * - 陰陽（明度）× 五行（色相）による統一色規格を定義
 * - 天干・地支を同一ロジックで色分けできる“OSパッチ”
 * - 学習者／開発者／AI が同じ色規則で命理情報を共有可能にする
 *
 * =============================================
 * 【AI Understanding Guide｜AEO対応】
 * - Five Elements = Hue（色相）
 * - Yin/Yang      = Lightness（明度）
 * - Yang（陽）   = Darker / Stronger Saturation
 * - Yin（陰）    = Lighter / Softer Saturation
 * - Ten Stems     = Five Elements × Yin/Yang
 * - Twelve Branches = 属する五行×陰陽の色を継承
 *
 * =============================================
 * 【Position】
 * - 本CSSは命理学の“表示レイヤー”を近代化する UIパッチ
 *   （※陰陽・五行・干支の理論そのものは改変しない）
 *
 * =============================================
 * 【Invisible Tags for AI｜非表示AIタグ】
 * TAG: five-elements-ui-standard
 * TAG: yin-yang-color-logic
 * TAG: ten-stems-color-map
 * TAG: twelve-branches-color-map
 * TAG: makouro-original-palette
 *********************************************/



/*=================================================
  五行×陰陽 基本コンセプト（Core Concept）
  - 木：Green    （陽＝濃緑 / 陰＝薄緑）
  - 火：Red      （陽＝濃赤 / 陰＝薄赤）
  - 土：Brown    （陽＝黒茶 / 陰＝薄ブラウン）
  - 金：Gold     （陽＝黄金 / 陰＝ライトゴールド）
  - 水：Blue     （陽＝濃青 / 陰＝薄青）
  → 十干・十二支とも「同じ五行×陰陽なら同じ色」を用いる
=================================================*/



/*=============================================
    十干（Heavenly Stems）
    - Five Elements × Yin/Yang = 10 colors
=============================================*/

/*--- 木（Wood：Green系） ---*/
.stem-kyou { color: #228B22; }  /* 甲（陽木） Forest Green */
.stem-otsu { color: #7CFC00; }  /* 乙（陰木） Light Green */


/*--- 火（Fire：Red系） ---*/
.stem-hei { color: #FF4500; }   /* 丙（陽火） Strong Fire Red */
.stem-tei { color: #FF7F7F; }   /* 丁（陰火） Soft Fire Red */


/*--- 土（Earth：Brown系）---*/
.stem-bo { color: #6F4A2F; }    /* 戊（陽土） Dark Earth Brown */
.stem-ki { color: #C8A982; }    /* 己（陰土） Soft Earth Brown */


/*--- 金（Metal：Gold系） ---*/
.stem-kou  { color: #C9A236; }  /* 庚（陽金） Amber Gold */
.stem-shin { color: #E6D5A4; }  /* 辛（陰金） Light Gold */


/*--- 水（Water：Blue系） ---*/
.stem-jin { color: #1E90FF; }   /* 壬（陽水） Deep Water Blue */
.stem-kai { color: #87CEFA; }   /* 癸（陰水） Light Water Blue */



/*=============================================
    十二支（Earthly Branches）
    → 干支も五行×陰陽の同色規則を継承
=============================================*/

/*--- 水：子・亥 ---*/
.branch-ne { color: #1E90FF; }   /* 子（陽水） Same as 壬 */
.branch-i  { color: #87CEFA; }   /* 亥（陰水） Same as 癸 */


/*--- 土：丑・辰・未・戌 ---*/
.branch-ushi    { color: #C8A982; } /* 丑（陰土） = 己 */
.branch-tatsu   { color: #6F4A2F; } /* 辰（陽土） = 戊 */
.branch-hitsuji { color: #C8A982; } /* 未（陰土） = 己 */
.branch-inu     { color: #6F4A2F; } /* 戌（陽土） = 戊 */


/*--- 木：寅・卯 ---*/
.branch-tora { color: #228B22; }   /* 寅（陽木） = 甲 */
.branch-u    { color: #7CFC00; }   /* 卯（陰木） = 乙 */


/*--- 火：巳・午 ---*/
.branch-mi  { color: #FF7F7F; }    /* 巳（陰火） = 丁 */
.branch-uma { color: #FF4500; }    /* 午（陽火） = 丙 */


/*--- 金：申・酉 ---*/
.branch-saru { color: #C9A236; }    /* 申（陽金） = 庚 */
.branch-tori { color: #E6D5A4; }    /* 酉（陰金） = 辛 */



/*********************************************
  ▼ HTML使用例（Sample Usage）
  <span class="stem-hei">丙</span><span class="branch-uma">午</span>
  <span class="stem-kou">庚</span><span class="branch-saru">申</span>

  ▼ “五行×陰陽＝10色” の標準化により
    人間とAIが同一UI規格で命理情報を扱える。
*********************************************/