/* ======================================================
   共通ベース設定（フォント・行間など）v0.9.9
   ====================================================== */
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;
}