/* Signal amber on deep navy, the palette of a security operations console */
[data-md-color-scheme="default"] {
  --signal: #b8740b;
  --signal-soft: rgba(184, 116, 11, 0.10);
  --headline: #0b1220;
  --line: rgba(11, 18, 32, 0.12);
  --md-primary-fg-color: #0b1220;
  --md-primary-fg-color--light: #1b2638;
  --md-primary-fg-color--dark: #060b14;
  --md-accent-fg-color: #b8740b;
  --md-typeset-a-color: #9a5f05;
  --md-default-bg-color: #f7f8fa;
}
[data-md-color-scheme="slate"] {
  --signal: #f2a93b;
  --signal-soft: rgba(242, 169, 59, 0.10);
  --headline: #f3f5f8;
  --line: rgba(226, 232, 240, 0.12);
  --md-primary-fg-color: #070c16;
  --md-primary-fg-color--light: #111a2a;
  --md-primary-fg-color--dark: #04070d;
  --md-accent-fg-color: #f2a93b;
  --md-typeset-a-color: #f2b552;
  --md-default-bg-color: #0b1220;
  --md-code-bg-color: #111a2a;
}

/* Header and tabs */
.md-header, .md-tabs { background-color: var(--md-primary-fg-color); }
.md-tabs__link--active, .md-tabs__link:hover { color: var(--signal); }
.md-header__button.md-logo svg { fill: var(--signal); }

/* Headings */
.md-typeset h1, .md-typeset h2 { font-weight: 600; letter-spacing: -0.01em; text-wrap: balance; }
.md-typeset h2 { border-top: 1px solid var(--line); padding-top: 1.2rem; }

/* Homepage hero */
.nvd-hero { padding: 1.6rem 0 0.4rem; }
.nvd-hero .eyebrow {
  font-family: var(--md-code-font-family);
  font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--signal); margin: 0 0 0.8rem;
}
.md-typeset .nvd-hero h1 {
  font-size: clamp(1.9rem, 6vw, 2.9rem); line-height: 1.08; font-weight: 700;
  color: var(--headline); margin: 0 0 1rem; max-width: 22ch;
}
.nvd-hero .lede { font-size: 0.95rem; line-height: 1.6; max-width: 60ch; opacity: 0.85; }
.nvd-hero .md-button { margin: 0.3rem 0.4rem 0.3rem 0; }
.md-typeset .nvd-hero .md-button--primary { background: var(--signal); border-color: var(--signal); color: #0b1220; }
.md-typeset .nvd-hero .md-button--primary:hover { filter: brightness(1.08); color: #0b1220; }
.md-typeset .nvd-hero .md-button:not(.md-button--primary) { color: var(--signal); border-color: var(--signal); background: transparent; }
.md-typeset .nvd-hero .md-button:not(.md-button--primary):hover { background: var(--signal-soft); color: var(--signal); }

/* Stat strip */
.nvd-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: 1.8rem 0 0.6rem;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.nvd-stats div { padding: 1rem 1rem 1rem 0; min-width: 0; }
.nvd-stats div + div { border-left: 1px solid var(--line); padding-left: 1rem; }
.nvd-stats strong {
  display: block; font-family: var(--md-code-font-family);
  font-size: 1.35rem; color: var(--signal); font-variant-numeric: tabular-nums;
}
.nvd-stats span { font-size: 0.72rem; line-height: 1.4; opacity: 0.75; }
@media (max-width: 520px) {
  .nvd-stats div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); }
}

/* Problem labels */
.md-typeset .nvd-label {
  font-family: var(--md-code-font-family); font-size: 0.66rem; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--signal); display: block; margin-bottom: 0.2rem;
}

/* Guide cards */
.md-typeset .grid.cards > ul > li {
  border: 1px solid var(--line); border-radius: 6px;
  background: var(--md-default-bg-color); transition: border-color 0.2s ease;
}
.md-typeset .grid.cards > ul > li:hover { border-color: var(--signal); box-shadow: none; }
.md-typeset .grid.cards .lg { color: var(--signal); }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }