/* docs/source/_static/custom.css */

/* Subtle “concrete” texture using a light speckle effect */
body {
  background-image:
    radial-gradient(rgba(0,0,0,0.035) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);
  background-size: 22px 22px, 44px 44px;
  background-position: 0 0, 10px 10px;
}

/* Safety stripe accent on the left sidebar */
.sidebar-drawer,
.sidebar-container {
  border-right: 6px solid var(--color-brand-primary);
}

/* “Rebar underline” for headings */
h1, h2, h3 {
  position: relative;
}
h1::after, h2::after {
  content: "";
  display: block;
  margin-top: 0.35rem;
  width: 72px;
  height: 4px;
  background: var(--color-brand-primary);
  border-radius: 2px;
}

/* Make code blocks feel like a dark tool panel */
.highlight, pre, code {
  border-radius: 10px;
}

/* Admonitions look like site signage */
.admonition {
  border-left: 6px solid var(--color-brand-primary);
}