/* Cortex green brand palette — overrides Material's default primary/accent.
 * #00CC66 is the bright Cortex green from XSIAM marketing materials.
 * Hover/dark variants are derived (slightly darker / lighter respectively).
 */
:root {
  --md-primary-fg-color:        #00CC66;
  --md-primary-fg-color--light:  #52E5A1;
  --md-primary-fg-color--dark:   #009E4F;
  --md-accent-fg-color:         #00B85C;
  --md-accent-fg-color--transparent: rgba(0, 204, 102, 0.1);
}

/* Dark mode keeps the same primary but uses a slightly brighter accent so
 * links and active states pop against the slate background. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #00CC66;
  --md-primary-fg-color--light:  #52E5A1;
  --md-primary-fg-color--dark:   #009E4F;
  --md-accent-fg-color:         #52E5A1;
  --md-accent-fg-color--transparent: rgba(82, 229, 161, 0.15);
}

/* Header background — Material reads --md-primary-fg-color directly */
.md-header,
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

/* Search input on the green header — keep text readable */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Home-page card grid — give cards a subtle border that picks up the
 * Cortex green on hover. Used by the `<div class="grid cards" markdown>`
 * pattern from pymdownx Material extensions. */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > .card:hover {
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 0 0 1px var(--md-primary-fg-color);
}