/* Restrained OBINexus branding on top of MkDocs' built-in theme.
   Kept minimal on purpose: readable typography and one accent color,
   not a redesign of the built-in theme's layout. */

:root {
  --obinexus-accent: #1b6ec2;
  --obinexus-accent-dark: #123f73;
  --obinexus-ink: #1a1a1a;
}

body {
  color: var(--obinexus-ink);
}

/* The built-in "mkdocs" theme (mkdocs >= 1.4) renders its top bar as
   Bootstrap 5's .navbar.bg-primary -- override the color there rather
   than a hardcoded Bootstrap utility class. */
.navbar.bg-primary {
  background-color: var(--obinexus-accent-dark) !important;
}

a {
  color: var(--obinexus-accent);
}

a:hover,
a:focus {
  color: var(--obinexus-accent-dark);
  text-decoration: underline;
}

.navbar a,
.navbar a:hover {
  color: #ffffff;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--obinexus-accent);
  outline-offset: 2px;
}

pre, code {
  font-size: 0.92em;
}

table {
  width: 100%;
}

/* Status convention used throughout this site:
   success  = verified this session or by a checked-in, evidenced test
   warning  = proposed standard / partially implemented
   danger   = unsupported, historical-only, or a known limitation */
.admonition.success {
  border-left-color: #2e7d32;
}

.admonition.success > .admonition-title {
  background-color: rgba(46, 125, 50, 0.1);
}

.admonition.warning {
  border-left-color: #b26a00;
}

.admonition.warning > .admonition-title {
  background-color: rgba(178, 106, 0, 0.1);
}

.admonition.danger {
  border-left-color: #b3261e;
}

.admonition.danger > .admonition-title {
  background-color: rgba(179, 38, 30, 0.1);
}

@media (max-width: 768px) {
  .col-md-9,
  .col-md-3 {
    padding: 0 1em;
  }
}