/* Project-specific code block styling.
 *
 * This file is checked into VCS and defines the shared card treatment for
 * highlighted code. The Syntect colour palette gets appended at build time
 * by build.rs, so keep this file focused on layout and theming hooks.
 */

pre.syntax-highlight {
  background: var(--surface-muted);
  color: var(--text-primary);
  padding: 1rem 1.25rem;
  border: none;
  overflow-x: auto;
  margin: 1.25rem 0;
  font-family: var(--font-code);
  font-size: 0.95rem;
  line-height: 1.55;
}

pre.syntax-highlight code.syntax-code {
  display: block;
  background: transparent;
  padding: 0;
  color: inherit;
  tab-size: 2;
  font-family: inherit;
}

pre.syntax-highlight code.syntax-code span {
  text-shadow: none;
}

pre.syntax-highlight[data-language]::before {
  content: attr(data-language);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}

@media (max-width: 640px) {
  pre.syntax-highlight {
    font-size: 0.85rem;
  }
}

.syntax-highlight,
.syntax-code {
  background-color: var(--surface-muted);
}

.syntax-code {
  color: var(--text-primary);
}

/* --- Syntect theme (base16-ocean.light), generated at build time --- */
/*
 * theme "Base16 Ocean Light" generated by syntect
 */

.syntax-code {
 color: #4f5b66;
 background-color: #eff1f5;
}

.syntax-variable.syntax-parameter.syntax-function {
 color: #4f5b66;
}
.syntax-comment, .syntax-punctuation.syntax-definition.syntax-comment {
 color: #a7adba;
}
.syntax-punctuation.syntax-definition.syntax-string, .syntax-punctuation.syntax-definition.syntax-variable, .syntax-punctuation.syntax-definition.syntax-string, .syntax-punctuation.syntax-definition.syntax-parameters, .syntax-punctuation.syntax-definition.syntax-string, .syntax-punctuation.syntax-definition.syntax-array {
 color: #4f5b66;
}
.syntax-none {
 color: #4f5b66;
}
.syntax-keyword.syntax-operator {
 color: #4f5b66;
}
.syntax-keyword {
 color: #b48ead;
}
.syntax-variable, .syntax-variable.syntax-other.syntax-dollar.syntax-only.syntax-js {
 color: #bf616a;
}
.syntax-entity.syntax-name.syntax-function, .syntax-meta.syntax-require, .syntax-support.syntax-function.syntax-any-method, .syntax-variable.syntax-function {
 color: #8fa1b3;
}
.syntax-support.syntax-class, .syntax-entity.syntax-name.syntax-class, .syntax-entity.syntax-name.syntax-type.syntax-class {
 color: #d08770;
}
.syntax-meta.syntax-class {
 color: #343d46;
}
.syntax-keyword.syntax-other.syntax-special-method {
 color: #8fa1b3;
}
.syntax-storage {
 color: #b48ead;
}
.syntax-support.syntax-function {
 color: #96b5b4;
}
.syntax-string, .syntax-constant.syntax-other.syntax-symbol, .syntax-entity.syntax-other.syntax-inherited-class {
 color: #a3be8c;
}
.syntax-constant.syntax-numeric {
 color: #d08770;
}
.syntax-none {
 color: #d08770;
}
.syntax-none {
 color: #d08770;
}
.syntax-constant {
 color: #d08770;
}
.syntax-entity.syntax-name.syntax-tag {
 color: #bf616a;
}
.syntax-entity.syntax-other.syntax-attribute-name {
 color: #d08770;
}
.syntax-entity.syntax-other.syntax-attribute-name.syntax-id, .syntax-punctuation.syntax-definition.syntax-entity {
 color: #8fa1b3;
}
.syntax-meta.syntax-selector {
 color: #b48ead;
}
.syntax-none {
 color: #d08770;
}
.syntax-markup.syntax-heading .syntax-punctuation.syntax-definition.syntax-heading, .syntax-entity.syntax-name.syntax-section {
 color: #8fa1b3;
}
.syntax-keyword.syntax-other.syntax-unit {
 color: #d08770;
}
.syntax-markup.syntax-bold, .syntax-punctuation.syntax-definition.syntax-bold {
 color: #d08770;
font-weight: bold;
}
.syntax-markup.syntax-italic, .syntax-punctuation.syntax-definition.syntax-italic {
 color: #b48ead;
font-style: italic;
}
.syntax-markup.syntax-raw.syntax-inline {
 color: #a3be8c;
}
.syntax-string.syntax-other.syntax-link {
 color: #bf616a;
}
.syntax-meta.syntax-link {
 color: #d08770;
}
.syntax-meta.syntax-image {
 color: #d08770;
}
.syntax-markup.syntax-list {
 color: #bf616a;
}
.syntax-markup.syntax-quote {
 color: #d08770;
}
.syntax-meta.syntax-separator {
 color: #4f5b66;
 background-color: #dfe1e8;
}
.syntax-markup.syntax-inserted, .syntax-markup.syntax-inserted.syntax-git_gutter {
 color: #a3be8c;
}
.syntax-markup.syntax-deleted, .syntax-markup.syntax-deleted.syntax-git_gutter {
 color: #bf616a;
}
.syntax-markup.syntax-changed, .syntax-markup.syntax-changed.syntax-git_gutter {
 color: #b48ead;
}
.syntax-markup.syntax-ignored, .syntax-markup.syntax-ignored.syntax-git_gutter {
 color: #c0c5ce;
}
.syntax-markup.syntax-untracked, .syntax-markup.syntax-untracked.syntax-git_gutter {
 color: #c0c5ce;
}
.syntax-constant.syntax-other.syntax-color {
 color: #96b5b4;
}
.syntax-string.syntax-regexp {
 color: #96b5b4;
}
.syntax-constant.syntax-character.syntax-escape {
 color: #96b5b4;
}
.syntax-punctuation.syntax-section.syntax-embedded, .syntax-variable.syntax-interpolation {
 color: #ab7967;
}
.syntax-invalid.syntax-illegal {
 color: #eff1f5;
 background-color: #bf616a;
}
.syntax-markup.syntax-deleted.syntax-git_gutter {
 color: #f92672;
}
.syntax-markup.syntax-inserted.syntax-git_gutter {
 color: #a6e22e;
}
.syntax-markup.syntax-changed.syntax-git_gutter {
 color: #967efb;
}
.syntax-markup.syntax-ignored.syntax-git_gutter {
 color: #565656;
}
.syntax-markup.syntax-untracked.syntax-git_gutter {
 color: #565656;
}