/* theme-name: 雾蓝灰 */
/* theme-name-en: Misty Blue Gray */
:root {
	color-scheme: light;
	--bg: #e9eef4;
	--bg-elev: #f8fafc;
	--bg-elev2: #dde5ec;
	--border: #cbd5e1;
	--border-soft: #dde5ec;
	--text: #1e293b;
	--text-dim: #475569;
	--text-faint: #94a3b8;
	--accent: #0284c7;
	--accent-soft: rgba(2, 132, 199, 0.12);
	--green: #059669;
	--green-soft: rgba(5, 150, 105, 0.12);
	--red: #dc2626;
	--red-soft: rgba(220, 38, 38, 0.1);
	--amber: #d97706;
	--blue: #3b82f6;
	--blue-soft: rgba(59, 130, 246, 0.12);
	--term-bg: #f8fafc;
	--term-fg: #1e293b;
	--term-cursor: #0284c7;
	--term-cursor-accent: #ffffff;
	--term-selection: rgba(2, 132, 199, 0.28);
	--term-black: #dbe3ec;
	--term-red: #dc2626;
	--term-green: #059669;
	--term-yellow: #d97706;
	--term-blue: #2563eb;
	--term-magenta: #9333ea;
	--term-cyan: #0e7490;
	--term-white: #1e293b;
	--term-bright-black: #94a3b8;
	--term-bright-red: #dc2626;
	--term-bright-green: #059669;
	--term-bright-yellow: #d97706;
	--term-bright-blue: #2563eb;
	--term-bright-magenta: #9333ea;
	--term-bright-cyan: #0e7490;
	--term-bright-white: #020617;
	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
	--mermaid-font-size: 12px;
	--tooltip-bg: #ffffff;
	--code-bg: #dde5ec;
	--code-text: #1e293b;
	--code-border: var(--border-soft);
	--code-pad: 8px 10px;
	--card-body-pad: 4px 14px 12px;
	--err-text: #dc2626;
	--red-text: #dc2626;
	--amber-text: #b45309;
	--info-blue: #2563eb;
	--link: #0284c7;
	--link-hover: #0369a1;
	--link-soft: #0284c7;
	--md-strong: #0f172a;
	--skill-blue: #0284c7;
	--plugin-purple: #b58cff;
	--auth-green: #059669;
	--scroll-thumb: #b6c2d1;
	--scroll-thumb-hover: #94a3b8;
	--notice-err-bg: #f9dee0;
	--notice-warn-bg: #f0e6cb;
	--notice-info-bg: #d9e6f5;
	--notice-err-border: #dc2626;
	--notice-warn-border: #b45309;
	--notice-info-border: #2563eb;
	--send-blue: #0284c7;
	--send-blue-hover: #0369a1;
	--stop-red: #ef4444;
	--stop-red-hover: #dc2626;
	--brand-grad-a: #38bdf8;
	--brand-grad-b: #0284c7;
	--on-amber: #1a1a1a;
	--search-active-fg: #1a1d26;
	--switch-knob: #ffffff;
	--bg-elev3: rgba(30, 58, 95, 0.05);
	--sunken-bg: rgba(30, 58, 95, 0.05);
	--glow-015: rgba(30, 58, 95, 0.02);
	--glow-025: rgba(30, 58, 95, 0.02);
	--glow-03: rgba(30, 58, 95, 0.02);
	--glow-04: rgba(30, 58, 95, 0.03);
	--glow-05: rgba(30, 58, 95, 0.03);
	--glow-12: rgba(30, 58, 95, 0.08);
	--glow-18: rgba(30, 58, 95, 0.12);
	--glow-22: rgba(30, 58, 95, 0.15);
	--glow-38: rgba(30, 58, 95, 0.25);
	--control-fg: #475569;
	--control-bg: #dde5ec;
	--control-border: #cbd5e1;
	--bg-image: none;
	--bg-image-dim: 0.78;
	--bg-image-blur: 0px;
	--wallpaper-panel-alpha: 62%;
	--topbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
	--statusbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
	--panel-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
	--card-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
	--chip-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
	--msgs-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
	--inputbox-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
	--menu-bg: var(--bg-elev2);
}

/* ---- syntax highlighting (overrides static github-dark import) ---- */
.hljs {
	color: #1e293b;
	background: #dde5ec;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
	color: #cf222e;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
	color: #8250df;
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
	color: #0550ae;
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
	color: #0a3069;
}
.hljs-built_in,
.hljs-symbol {
	color: #953800;
}
.hljs-comment,
.hljs-code,
.hljs-formula {
	color: #7c8da0;
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
	color: #116329;
}
.hljs-subst {
	color: #1e293b;
}
.hljs-section {
	color: #0550ae;
	font-weight: 700;
}
.hljs-bullet {
	color: #0550ae;
}
.hljs-emphasis {
	color: #1e293b;
	font-style: italic;
}
.hljs-strong {
	color: #1e293b;
	font-weight: 700;
}
.hljs-addition {
	color: #116329;
	background: #d7e9db;
}
.hljs-deletion {
	color: #82071e;
	background: #f2d3d6;
}