/* 色トークン。ダーク/ライトは data-theme で切替 */
:root,[data-theme=dark]{
  --bg:#1e1e1e;--side:#252526;--editor:#1e1e1e;--border:#3c3c3c;--fg:#cccccc;--fg-dim:#9d9d9d;
  --accent:#0078d4;--accent-fg:#fff;--warn:#cca700;--danger:#f14c4c;--ok:#3fb950;
  --hover:#2a2d2e;--active:#37373d;--pill:#264f78;--bar:#181818;
}
[data-theme=light]{
  --bg:#ffffff;--side:#f3f3f3;--editor:#ffffff;--border:#d4d4d4;--fg:#3b3b3b;--fg-dim:#6e6e6e;
  --accent:#005fb8;--accent-fg:#fff;--warn:#bf8803;--danger:#cd3131;--ok:#1a7f37;
  --hover:#e8e8e8;--active:#e4e6f1;--pill:#cfe3f7;--bar:#ebebeb;
}
:root{--r:8px;--r-sm:5px;--font:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif;--mono:ui-monospace,Consolas,Menlo,monospace}

/* 構文強調の色（highlight.js のテーマCSSは読み込まず、ここで管理してテーマ切替に追従させる） */
:root,[data-theme=dark]{--c-kw:#569cd6;--c-str:#ce9178;--c-num:#b5cea8;--c-com:#6a9955;--c-fn:#dcdcaa;--c-type:#4ec9b0;--c-attr:#9cdcfe;--c-meta:#c586c0}
[data-theme=light]{--c-kw:#0000ff;--c-str:#a31515;--c-num:#098658;--c-com:#008000;--c-fn:#795e26;--c-type:#267f99;--c-attr:#001080;--c-meta:#af00db}
.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-name{color:var(--c-kw)}
.hljs-string,.hljs-regexp,.hljs-template-variable,.hljs-selector-attr{color:var(--c-str)}
.hljs-number,.hljs-symbol,.hljs-bullet{color:var(--c-num)}
.hljs-comment,.hljs-quote{color:var(--c-com);font-style:italic}
.hljs-title,.hljs-section,.hljs-function .hljs-title{color:var(--c-fn)}
.hljs-built_in,.hljs-type,.hljs-class .hljs-title,.hljs-selector-class,.hljs-selector-id{color:var(--c-type)}
.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-property,.hljs-params{color:var(--c-attr)}
.hljs-meta,.hljs-tag,.hljs-addition,.hljs-link{color:var(--c-meta)}
.hljs-deletion{color:var(--danger)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}