/* docs.cortexbanking.com, brand alignment with the marketing site: marine structure · emerald interaction · brass metal. */
:root {
  --md-primary-fg-color: #0b1e33;
  --md-primary-fg-color--light: #10263f;
  --md-primary-fg-color--dark: #081525;
  --md-accent-fg-color: #0a7d3f;
  --md-typeset-a-color: #0a7d3f;
  --ctx-brass: #b08528;
}
.md-header, .md-tabs { background-color: #0b1e33; }

/* Grid cards: quiet marine border, emerald lift on hover. */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: 1px solid rgba(11, 30, 51, 0.12);
  border-radius: 8px;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 4px 18px rgba(11, 30, 51, 0.08);
}

/* Tables read as ledgers: tighter, ruled, monospace numerics stay legible. */
.md-typeset table:not([class]) th { background: rgba(11, 30, 51, 0.04); }

/* The brass accent marks the ledger/finance idea, used sparingly via <span class="brass">. */
.md-typeset .brass { color: var(--ctx-brass); font-weight: 600; }

/* Section landing headers carry a thin brass rule. */
.md-typeset h1 { border-bottom: 2px solid var(--ctx-brass); padding-bottom: .2em; }