/* 九星 中国語（繁体字）版の配色：中国の読者に好まれる「紅（赤）と金（黄）」。六壬の zh-hant\zh.css と同じ考え方。
   日本語版の ../style.css の上に重ねて、色と字体だけを差し替える（形・大きさは変えない）。
   吉＝紅（めでたい色）、凶＝藍ねずみ（紅と見分けるため、日本語版の朱から替える）。
   方位盤の図は JavaScript が色を属性で書くので、その色の値を選んで塗り替える。 */

:root{
  --ink:#2a1a12;        /* 墨（少し赤みの黒） */
  --ink2:#47302a;
  --ink3:#6b4a3c;       /* 注記（白地で 6:1 以上） */
  --line:#ecd395;
  --line2:#f4e4b8;
  --wash:#fff7e2;
  --brand:#c8161d;      /* 中国紅（吉・主役） */
  --brand-d:#9b0f14;    /* 濃い紅（文字用） */
  --brand-t:#fdf0d0;    /* 淡い金 */
  --brand-t2:#f3d98f;
  --kin:#e0a91b;        /* 金 */
  --kin-deep:#a8740a;
  --kyo:#4b4f7a;        /* 凶：藍ねずみ */
  --kyo-d:#2e3157;
  --kyo-t:#eeeff6;
  --kyo-t2:#d9dbeb;
  --mix-t:#f3efe6;
  --sans:"Noto Sans TC","Source Han Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;
  --serif:"Noto Serif TC","Source Han Serif TC","PMingLiU","MingLiU","Noto Serif CJK TC",serif;
}

body{background-color:#fffdf6}

/* 見本の帯・上の帯 */
.mockbar{background:#fbe7b0;color:var(--ink2)}
.hero{background:linear-gradient(180deg,#fdf0d0 0,#fff8e6 62%,#fffdf6 100%)}
.toplink{background:var(--brand);color:#fff6d8}
.logo svg path[fill="#0B7A85"]{fill:var(--brand)}
.logo svg path[stroke="#075E67"]{stroke:var(--kin-deep)}

/* 見出し・押すところ：紅のボタンに金の影 */
.eyebrow{color:var(--brand-d)}
.btn{background:var(--brand);color:#fff6d8;box-shadow:0 4px 0 var(--kin-deep),0 8px 18px rgba(200,22,29,.22)}
.btn.sub{background:#fff;color:var(--brand-d);border-color:var(--brand);box-shadow:0 3px 0 var(--kin)}
.dircard{box-shadow:0 10px 28px rgba(200,22,29,.14)}
.plan.main{box-shadow:0 10px 28px rgba(200,22,29,.12);border-color:var(--brand)}
.arrowlink{background:#fff7e2;border-color:#f0dca4}
.arrowlink::after{border-color:var(--kin-deep)}

/* 下の行き先（スマホ）：金の地 */
.tabbar{background:#fff3cc;border-top:2px solid var(--kin)}
.tabbar a.on{color:var(--brand)}
.tabbar a.on::before{background:var(--brand)}
.foot{border-top:2px solid var(--kin)}

/* 暦：日曜は紅 */
.cal .hd.sun,.c.sun .n{color:var(--brand)}

/* 凶の札（日本語版の朱を藍ねずみへ） */
.sw.kyo{background:#f1f1f7;background-image:repeating-linear-gradient(45deg,transparent 0 5px,#c9cbe0 5px 6.2px)}
.sw.daikyo{background:#e3e4ef;background-image:repeating-linear-gradient(45deg,transparent 0 4px,#a5a8c8 4px 5.2px),repeating-linear-gradient(-45deg,transparent 0 4px,#a5a8c8 4px 5.2px)}
.lv-daikyo .dn,.trows .k.kyo{color:#22254a}

/* 方位盤の図（JavaScript が書く色の値を塗り替える） */
svg [fill="#0B7A85"]{fill:var(--brand)}
svg [fill="#075E67"]{fill:var(--brand-d)}
svg [fill="#DFECEE"]{fill:#f6e7c1}
svg [fill="#EFC4B4"]{fill:#cdd0e3}
svg [fill="#7A2E12"]{fill:var(--kyo-d)}
svg [fill="#FCF4F0"]{fill:#f1f1f7}
svg [fill="#F7E0D6"]{fill:#e3e4ef}
svg [stroke="#EDC9BA"]{stroke:#c9cbe0}
svg [stroke="#E0A892"]{stroke:#a5a8c8}
svg [stroke="#9DB8BD"]{stroke:var(--kin)}
svg [style*="fill:#7A2E12"]{fill:var(--kyo-d)!important}
svg [style*="fill:#5E2109"]{fill:#22254a!important}
.ban .mk{fill:var(--kyo-d)}