/* =========================================================================
   highlight.js theme — Xcode "Default (Dark)" flavour
   Used for Swift (and other) code samples in tutorials.
   Token classes: https://highlightjs.readthedocs.io/en/latest/css-classes-reference.html
   ========================================================================= */

/* Code-block shell */
.post pre {
	margin: 1.6rem 0;
	border-radius: 12px;
	border: 1px solid rgba(126, 186, 200, 0.14);
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.5);
	background: #1f2024;
	overflow: hidden;
	font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
		"Liberation Mono", monospace;
	font-size: 0.9rem;
	line-height: 1.55;
	-webkit-font-smoothing: auto;
	tab-size: 4;
}
.post pre code,
.post pre code.hljs {
	display: block;
	padding: 1.15rem 1.3rem;
	overflow-x: auto;
	background: transparent;
	color: #e6e6e6;
	font-family: inherit;
}

/* Inline code inside prose */
.post :not(pre) > code {
	padding: 0.1em 0.4em;
	border-radius: 5px;
	background: rgba(126, 186, 200, 0.13);
	color: var(--cyan-glow);
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 0.88em;
	text-decoration: none;
}

/* ---- Tokens (Xcode Default Dark palette) -------------------------------- */
.hljs-comment,
.hljs-quote {
	color: #6c7986;
	font-style: italic;
}

/* class, struct, func, let, var, init, return, import … */
.hljs-keyword,
.hljs-literal,
.hljs-selector-tag {
	color: #ff7ab2;
}

/* @MainActor and other attributes / preprocessor */
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-attr,
.hljs-attribute {
	color: #e5c07b;
}

/* Type names — DataController, App, String, Int … */
.hljs-type,
.hljs-built_in,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-class .hljs-title {
	color: #6bdfff;
}

/* Function / method names */
.hljs-title,
.hljs-title.function_,
.hljs-section {
	color: #6bdfff;
}

.hljs-string {
	color: #ff8170;
}

.hljs-number,
.hljs-symbol {
	color: #d9c97c;
}

.hljs-variable,
.hljs-params,
.hljs-property,
.hljs-template-variable {
	color: #e6e6e6;
}

.hljs-emphasis {
	font-style: italic;
}
.hljs-strong {
	font-weight: 700;
}