/* ======================================================
   共通ベース設定（フォント・行間など）
   ====================================================== */
code[class*="language-"],
pre[class*="language-"] {
	text-shadow: inherit;
    font-family: inherit;
    direction: inherit;
    text-align: inherit;
    white-space: inherit;
    word-spacing: inherit;
    word-break: inherit;
    line-height: inherit;
    tab-size: inherit;
    hyphens: inherit;
}

/* ======================================================
   A. 【黒背景用】設定 (.theme-dark)
   ====================================================== */
/* 基本の文字色 */
.theme-dark code[class*="language-"] { color: inherit; }

/* 1. 補助（コメント・宣言など） */
.theme-dark .token.comment,
.theme-dark .token.prolog,
.theme-dark .token.doctype,
.theme-dark .token.cdata { color: #969896; }

/* 2. 記号 (括弧・セミコロンなど) */
.theme-dark .token.punctuation { color: #c5c8c6; }

/* 3. 構造（タグ名・CSSプロパティ・数値・定数） */
.theme-dark .token.property,
.theme-dark .token.tag,
.theme-dark .token.boolean,
.theme-dark .token.number,
.theme-dark .token.constant,
.theme-dark .token.symbol,
.theme-dark .token.deleted {color: #ffabab;}

/* 4. 属性（CSSセレクタ・HTML属性名・文字列） */
.theme-dark .token.selector,
.theme-dark .token.attr-name,
.theme-dark .token.string,
.theme-dark .token.char,
.theme-dark .token.builtin,
.theme-dark .token.inserted {color: #f1f6c2;}

/* 5. 演算子（+, -, =, URL） */
.theme-dark .token.operator,
.theme-dark .token.entity,
.theme-dark .token.url,
.theme-dark .language-css .token.string,
.theme-dark .style .token.string { color: #8abeb7; }

/* 6. 予約語（if, return, HTML属性値） */
.theme-dark .token.atrule,
.theme-dark .token.attr-value,
.theme-dark .token.keyword {color: #aeccf3;}

/* 7. 関数 (console.logなどのlog) */
.theme-dark .token.function {color: #ffadad;}

/* 8. 変数・正規表現 */
.theme-dark .token.regex,
.theme-dark .token.important,
.theme-dark .token.variable { color: #f0c674; }


/* ======================================================
   B. 【白背景用】設定 (.theme-light / .theme-dark-white)
   ====================================================== */
/* 基本の文字色（濃いめ） */
.theme-light code[class*="language-"],
.theme-dark-white code[class*="language-"] { color: #4d4d4c; }

/* 1. 補助（コメント・宣言など） */
.theme-light .token.comment, .theme-dark-white .token.comment,
.theme-light .token.prolog, .theme-dark-white .token.prolog,
.theme-light .token.doctype, .theme-dark-white .token.doctype,
.theme-light .token.cdata, .theme-dark-white .token.cdata {color: #808080;}

/* 2. 記号 (括弧・セミコロンなど) */
.theme-light .token.punctuation,
.theme-dark-white .token.punctuation { color: #4d4d4c; }

/* 3. 構造（タグ名・CSSプロパティ・数値・定数） */
.theme-light .token.property, .theme-dark-white .token.property,
.theme-light .token.tag, .theme-dark-white .token.tag,
.theme-light .token.boolean, .theme-dark-white .token.boolean,
.theme-light .token.number, .theme-dark-white .token.number,
.theme-light .token.constant, .theme-dark-white .token.constant,
.theme-light .token.symbol, .theme-dark-white .token.symbol,
.theme-light .token.deleted, .theme-dark-white .token.deleted {color: #eb0001;}

/* 4. 属性（CSSセレクタ・HTML属性名・文字列） */
.theme-light .token.selector, .theme-dark-white .token.selector,
.theme-light .token.attr-name, .theme-dark-white .token.attr-name,
.theme-light .token.string, .theme-dark-white .token.string,
.theme-light .token.char, .theme-dark-white .token.char,
.theme-light .token.builtin, .theme-dark-white .token.builtin,
.theme-light .token.inserted, .theme-dark-white .token.inserted {color: #098d00;}

/* 5. 演算子（+, -, =, URL） */
.theme-light .token.operator, .theme-dark-white .token.operator,
.theme-light .token.entity, .theme-dark-white .token.entity,
.theme-light .token.url, .theme-dark-white .token.url { color: #3e999f; }

/* 6. 予約語（if, return, HTML属性値） */
.theme-light .token.atrule, .theme-dark-white .token.atrule,
.theme-light .token.attr-value, .theme-dark-white .token.attr-value,
.theme-light .token.keyword, .theme-dark-white .token.keyword {color: #7700d4;}

/* 7. 関数 (console.logなどのlog) */
.theme-light .token.function,
.theme-dark-white .token.function {color: #002aeb;}

/* 8. 変数・正規表現 */
.theme-light .token.regex, .theme-dark-white .token.regex,
.theme-light .token.important, .theme-dark-white .token.important,
.theme-light .token.variable, .theme-dark-white .token.variable {color: #ac8600;}