/* 端末がダークモードのときの配色（index.html の判定スクリプトが data-theme を付ける） */
@media screen{
:root[data-theme="dark"]{color-scheme:dark;--bg:#0b1522;--surface:#13223a;--tint:#1a2c46;--line:#2a3f5a;--text:#e7eef6;--text-2:#a7b8cc;--text-3:#7d90a6;--accent:#93c0ec;--fill:#2c64a0;--warn-bg:#3a2e14;--warn-line:#5c4920;--warn-text:#f2c86f;--ok-bg:#143728;--ok-text:#82d6ab}
:root[data-theme="dark"] header{border-bottom:1px solid #1d3150}
:root[data-theme="dark"] .hero{background:linear-gradient(130deg,#16304f,#1f4a70)}
:root[data-theme="dark"] .panel{box-shadow:none}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background-color:var(--tint);color:var(--text)}
:root[data-theme="dark"] svg [stroke="#dce5ef"]{stroke:var(--line)}
:root[data-theme="dark"] svg [fill="#607188"],:root[data-theme="dark"] svg [fill="#304661"]{fill:var(--text-2)}
:root[data-theme="dark"] svg text[fill="#173b61"]{fill:var(--accent)}
:root[data-theme="dark"] svg [stroke="#285c86"],:root[data-theme="dark"] svg polyline[stroke="#173b61"]{stroke:var(--accent)}
:root[data-theme="dark"] svg circle[stroke="#173b61"]{stroke:var(--surface)}
}