/* owlcompare — MkDocs Material customizations (Component 20).
 *
 * Deliberately minimal. Material's base styles handle ~95% of what we need;
 * this file only adjusts content density, maps inline code to the severity
 * palette, and nudges callout accents toward the project's indigo. Keep it
 * comfortably under ~200 lines — if structural overrides creep in, that's a
 * signal to reconsider the theme, not to grow this file.
 */

:root {
  /* Slightly warmer body text and a tinted inline-code background. */
  --md-text-color-light: hsl(218, 14%, 33%);
  --md-code-bg-color: hsl(218, 14%, 95%);
  /* Severity palette — shared with the HTML report (Component 16/17). */
  --owl-breaking: #cf222e;
  --owl-non-breaking: #9a6700; /* WCAG-AA safe on white (see Component 16 note) */
  --owl-additive: #1a7f37;
  --owl-info: #57606a;
}

[data-md-color-scheme="slate"] {
  --md-text-color-light: hsl(218, 14%, 70%);
  --md-code-bg-color: hsl(220, 17%, 20%);
  --owl-breaking: #ff7b72;
  --owl-non-breaking: #d4a72c;
  --owl-additive: #3fb950;
  --owl-info: #8b949e;
}

/* Content-density tuning: a touch more air between blocks and a tighter
 * heading scale than Material's default for our reference-heavy pages. */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  margin-top: 2rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset p,
.md-typeset li {
  line-height: 1.65;
}

/* Severity tags in inline code: write `breaking`{ data-severity="breaking" }
 * (an attribute-list span) or use the literal attributes in raw HTML. */
code[data-severity="breaking"] {
  color: var(--owl-breaking);
  font-weight: 600;
}

code[data-severity="non-breaking"] {
  color: var(--owl-non-breaking);
  font-weight: 600;
}

code[data-severity="additive"] {
  color: var(--owl-additive);
  font-weight: 600;
}

code[data-severity="info"] {
  color: var(--owl-info);
  font-weight: 600;
}

/* Heroes / callouts: align the "tip" admonition accent with the brand indigo
 * so docs callouts feel of-a-piece with the landing page. */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-left-color: var(--md-primary-fg-color);
}

/* Tables in the reference pages are dense; let them breathe a little and wrap. */
.md-typeset table:not([class]) th {
  font-weight: 600;
}

.md-typeset table:not([class]) td {
  vertical-align: top;
}

/* The exit-code and severity reference tables read better left-aligned and
 * with the first column emphasised. */
.md-typeset table:not([class]) td:first-child code {
  font-weight: 600;
}