/* Material for MkDocs inspired syntax highlighting - Optimized for light theme */

code[class*="language-"],
pre[class*="language-"] {
	color: #263238; /* Material dark gray for base text */
	text-shadow: none;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: transparent; /* Will use the background from global.css */
}

/* Keywords (if, else, return, function, etc.) */
.token.keyword {
	color: hsl(219, 54%, 51%); /* Material blue - #3F51B5 */
	font-weight: 600;
}

/* Built-in types and classes */
.token.builtin {
	color: hsl(0, 67%, 50%); /* Material red - #D32F2F */
	font-weight: 600;
}

/* Class names */
.token.class-name {
	color: hsl(291, 45%, 50%); /* Material purple - #9C27B0 */
	font-weight: 600;
}

/* Function names */
.token.function {
	color: hsl(291, 45%, 50%); /* Material purple - #9C27B0 */
	font-weight: 600;
}

/* Booleans and numbers */
.token.boolean,
.token.number {
	color: hsl(0, 67%, 50%); /* Material red - #D32F2F */
}

/* Strings */
.token.string,
.token.char {
	color: hsl(150, 63%, 30%); /* Material green - #1E7E34 */
}

/* Symbols */
.token.symbol {
	color: hsl(340, 83%, 47%); /* Material pink/magenta - #E91E63 */
}

/* Regular expressions */
.token.regex {
	color: hsl(340, 83%, 47%); /* Material pink/magenta - #E91E63 */
}

/* URLs */
.token.url {
	color: hsl(219, 54%, 51%); /* Material blue - #3F51B5 */
	text-decoration: underline;
}

/* Operators (+, -, =, etc.) */
.token.operator {
	color: hsl(340, 83%, 47%); /* Material pink/magenta - #E91E63 */
	font-weight: 500;
}

/* Variables */
.token.variable {
	color: #263238; /* Material dark gray */
}

/* Constants */
.token.constant {
	color: hsl(250, 63%, 60%); /* Material light purple/blue - #7C4DFF */
	font-weight: 600;
}

/* Properties */
.token.property {
	color: hsl(219, 54%, 51%); /* Material blue - #3F51B5 */
}

/* Punctuation (brackets, commas, etc.) */
.token.punctuation {
	color: #546e7a; /* Material blue-gray - medium contrast */
}

/* Important */
.token.important {
	color: hsl(0, 67%, 50%); /* Material red - #D32F2F */
	font-weight: 700;
}

/* Comments */
.token.comment {
	color: #90a4ae; /* Material blue-gray light - for comments */
	font-style: italic;
}

/* HTML/XML tags */
.token.tag {
	color: hsl(219, 54%, 51%); /* Material blue - #3F51B5 */
}

/* HTML attributes */
.token.attr-name {
	color: hsl(291, 45%, 50%); /* Material purple - #9C27B0 */
	font-style: italic;
}

/* HTML attribute values */
.token.attr-value {
	color: hsl(150, 63%, 30%); /* Material green - #1E7E34 */
}

/* Namespaces */
.token.namespace {
	color: hsl(291, 45%, 50%); /* Material purple - #9C27B0 */
}

/* Prolog, DOCTYPE */
.token.prolog,
.token.doctype {
	color: #90a4ae; /* Material blue-gray light */
	font-style: italic;
}

/* CDATA */
.token.cdata {
	color: hsl(150, 63%, 30%); /* Material green - #1E7E34 */
}

/* Entities */
.token.entity {
	color: hsl(0, 67%, 50%); /* Material red - #D32F2F */
}

/* At-rules (@media, @import, etc.) */
.token.atrule {
	color: hsl(291, 45%, 50%); /* Material purple - #9C27B0 */
}

/* CSS selectors */
.token.selector {
	color: hsl(219, 54%, 51%); /* Material blue - #3F51B5 */
	font-weight: 600;
}

/* Diff - deleted lines */
.token.deleted {
	color: hsl(0, 67%, 50%); /* Material red - #D32F2F */
	background-color: #ffebee; /* Light red background */
}

/* Diff - inserted lines */
.token.inserted {
	color: hsl(150, 63%, 30%); /* Material green - #1E7E34 */
	background-color: #e8f5e9; /* Light green background */
}

/* Bold */
.token.important,
.token.bold {
	font-weight: 700;
}

/* Italic */
.token.italic {
	font-style: italic;
}

/* Line highlighting (for line-highlight plugin) */
.line-highlight {
	background: rgba(63, 81, 181, 0.08); /* Material blue with low opacity */
	background: linear-gradient(to right, rgba(63, 81, 181, 0.1) 70%, rgba(63, 81, 181, 0));
}

/* Line numbers plugin */
.line-numbers .line-numbers-rows {
	border-right: 1px solid #cfd8dc; /* Material blue-gray light */
}

.line-numbers-rows > span:before {
	color: #90a4ae; /* Material blue-gray for line numbers */
}