/* Extra styles to bring look-and-feel closer to dapplesecurity.com */
:root {
  --brand-navy: #071936;      /* deep navy used in header */
  --brand-teal: #00b3a6;      /* primary accent */
  --brand-teal-dark: #00796b; /* darker teal for hover */
  --brand-neutral: #f6fbfb;   /* soft background */
  --brand-fg: #0b2540;        /* primary text */
}

/* Header and navigation */
.md-header {
  background: linear-gradient(90deg, var(--brand-neutral) 0%, #ffffff 100%);
  border-bottom: 1px solid rgba(11,37,64,0.06);
}

.md-nav__title {
  font-weight: 700;
  color: var(--brand-navy);
}

/* Links and accents */
a, .md-nav__link, .md-footer a {
  color: var(--brand-teal);
}

.md-nav__link:hover, a:hover {
  color: var(--brand-teal-dark);
}

/* Buttons */
.md-button {
  background-color: var(--brand-teal);
  color: white;
}

/* Code font */
code, pre {
  font-family: 'Roboto Mono', monospace;
}

/* Minor layout tweaks */
.md-content {
  color: var(--brand-fg);
}