/*
Theme Name: アクロクレイン
Theme URI: 
Author: acrospera
Version: 1.0
*/

/* Prism ダークテーマ VSCode風（共通ベース） */
pre[class*="language-"],
code[class*="language-"] {
  color: #F8F8F2;
  background: #1F1F1F;
  text-shadow: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.6;
}

/* ── 共通トークン（多言語で使われるもの） ───────────────────────── */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: #6A9955; }                  /* コメント系：落ち着いた緑 */

.token.punctuation { color: #D4D4D4; }            /* 記号：薄い白 */
.token.operator   {
	color: #D4D4D4;
	background: none;
}

.token.key,
.token.property,
.token.attr-name,
.token.keyword,
.token.atrule { color: #4FC1FF; }                 /* 青：キー/プロパティ/属性/予約語 */

.token.string,
.token.char { color: #C3E88D; }                   /* 緑：文字列 */

.token.number,
.token.boolean,
.token.constant,
.token.symbol { color: #F78C6C; }                 /* オレンジ：数値/真偽/定数 */

.token.function,
.token.function-name { color: #DCDCAA; }          /* クリーム：関数名 */

.token.class-name,
.token.builtin,
.token.namespace { color: #4EC9B0; }              /* 水色寄り：型/ビルトイン */

/* ディレクティブ/メタ・タグ的なもの */
.token.directive,
.token.tag,
.token.important { color: #C586C0; }              /* 紫 */

/* 変数っぽいもの（言語により拾えたり拾えなかったり） */
.token.variable,
.token.parameter { color: #9CDCFE; }              /* 明るい水色 */

/* ── 言語別の微調整（必要部分のみ上書き） ─────────────────────── */

/* YAML（.yaml / .yml） */
.language-yaml .token.key,
.language-yaml .token.property { color: #4FC1FF; }
.language-yaml .token.string { color: #C3E88D; }
.language-yaml .token.number { color: #F78C6C; }
.language-yaml .token.punctuation { color: #D4D4D4; }
.language-yaml .token.directive { color: #C586C0; } /* %YAML など */

/* dotenv (.env)  */
.language-properties .token.attr-name { color: #4FC1FF; }   /* KEY */
.language-properties .token.attr-value { color: #fff; }  /* VALUE */
.language-properties .token.punctuation,
.language-properties .token.operator { color: #D4D4D4; }    /* = や : など */
.language-properties .token.comment { color: #6A9955; }     /* # コメント */

/* Nginx / Apache .conf（サーバ設定） */
.language-nginx .token.directive,
.language-apacheconf .token.directive { color: #C586C0; }   /* ディレクティブ名を紫で */
.language-nginx .token.variable,
.language-apacheconf .token.variable { color: #9CDCFE; }
.language-nginx .token.string,
.language-apacheconf .token.string { color: #C3E88D; }
.language-nginx .token.number,
.language-apacheconf .token.number { color: #F78C6C; }
.language-nginx .token.operator,
.language-apacheconf .token.operator,
.language-nginx .token.punctuation,
.language-apacheconf .token.punctuation { color: #D4D4D4; }

/* INI（必要なら .ini も conf 類似で） */
.language-ini .token.key { color: #4FC1FF; }
.language-ini .token.string { color: #C3E88D; }
.language-ini .token.number { color: #F78C6C; }

/* JavaScript（.js） */
.language-javascript .token.keyword { color: #4FC1FF; }     /* import, const, return 等 */
.language-javascript .token.function { color: #DCDCAA; }
.language-javascript .token.class-name { color: #4EC9B0; }
.language-javascript .token.string { color: #C3E88D; }
.language-javascript .token.number,
.language-javascript .token.boolean { color: #F78C6C; }
.language-javascript .token.regex { color: #D16969; }       /* 正規表現 */

/* PHP（.php） */
.language-php .token.keyword { color: #4FC1FF; }            /* function, echo, use 等 */
.language-php .token.function { color: #DCDCAA; }
.language-php .token.variable { color: #9CDCFE; }           /* $var */
.language-php .token.class-name { color: #4EC9B0; }
.language-php .token.string { color: #C3E88D; }
.language-php .token.number, 
.language-php .token.boolean, 
.language-php .token.constant { color: #F78C6C; }
.language-php .token.string.single-quoted-string { color: #F78C6C; }

/* Vue SFC（.vue）: テンプレ/スクリプト/スタイルの中身はそれぞれの言語色で */
.language-markup .token.tag { color: #C586C0; }                /* <template>内のタグ名を少し差別化 */
.language-markup .token.attr-name { color: #4FC1FF; }          /* v-bind, :prop 等 */
.language-markup .token.attr-value { color: #C3E88D; }
.language-markup .token.string { color: #C3E88D; }
.language-markup .token.keyword { color: #4FC1FF; }
.language-markup .token.function { color: #DCDCAA; }
.language-markup .token.punctuation,
.language-markup .token.operator { color: #D4D4D4; }