/* ── NorthGrid Help Center brand tokens ─────────────────────────────
   Official brand values from the app stylesheet + logo:
   navy #2A328C (hover #1f265f), compass gold ~#F5C518, danger #dc2626 */

:root {
  --md-primary-fg-color:        #2A328C; /* NorthGrid navy */
  --md-primary-fg-color--light: #4a54c4;
  --md-primary-fg-color--dark:  #1f265f;
  --md-accent-fg-color:         #b8860b; /* compass gold, darkened for contrast */
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #2A328C;
  --md-accent-fg-color:         #f5c518; /* full gold reads well on dark */
}

/* Slightly tighter, app-like feel */
.md-typeset h1 {
  font-weight: 700;
  color: var(--md-primary-fg-color);
}

.md-typeset h2 {
  font-weight: 600;
}

/* Role badges — mirror the badge colors used inside NorthGrid */
.ng-badge {
  display: inline-block;
  padding: 0.1em 0.55em;
  border-radius: 4px;
  font-size: 0.72em;
  font-weight: 600;
  letter-spacing: 0.02em;
  vertical-align: middle;
  color: #fff;
}
.ng-badge--superuser { background: #6f42c1; }
.ng-badge--admin     { background: #2A328C; }
.ng-badge--fieldtech { background: #0ca6b8; }
.ng-badge--viewer    { background: #74b8a8; }

/* "Who can do this" access strip at the top of task articles */
.ng-access {
  border-left: 4px solid var(--md-primary-fg-color);
  background: var(--md-code-bg-color);
  padding: 0.55em 0.9em;
  border-radius: 0 4px 4px 0;
  font-size: 0.75rem;
  margin-bottom: 1.2em;
}