/* ===== Infinicore / Infini-Connect Branding ===== */

/* Base colours:
   Primary navy: #1e3c72
   Secondary blue: #2a5298
   Accent green: #28a745
*/

:root {
  --infini-primary: #1e3c72;
  --infini-secondary: #2a5298;
  --infini-accent: #28a745;
  --infini-muted: #6c757d;
}

/* Override Material primary/accent */

[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--infini-primary);
  --md-primary-fg-color--light: #345d90;
  --md-primary-fg-color--dark: #132745;

  --md-accent-fg-color: var(--infini-accent);
}

/* Header bar gradient */

.md-header {
  background: linear-gradient(135deg, var(--infini-primary), var(--infini-secondary));
}

/* Active nav items a little bolder */

.md-nav__item .md-nav__link--active {
  font-weight: 600;
}

/* Mermaid diagram titles – make them stand out */

.mermaid svg .mermaid-title,
.mermaid .mermaid-title {
  font-size: 1.05rem !important;
  font-weight: 600;
  fill: var(--infini-primary) !important;
}

/* Audience / classification banners */

.doc-audience-badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

/* Internal only */

.doc-audience-internal::before {
  content: "INTERNAL – NOT FOR EXTERNAL DISTRIBUTION";
  display: block;
  margin-bottom: 0.75rem;
  padding: 0.4rem 0.7rem;
  border-radius: 0.35rem;
  background: rgba(220, 53, 69, 0.09);
  color: #b02a37;
  border: 1px solid rgba(220, 53, 69, 0.45);
  font-size: 0.8rem;
  font-weight: 600;
}

/* Customer / partner facing */

.doc-audience-customer::before {
  content: "CUSTOMER / PARTNER FACING DOCUMENT";
  display: block;
  margin-bottom: 0.75rem;
  padding: 0.4rem 0.7rem;
  border-radius: 0.35rem;
  background: rgba(40, 167, 69, 0.06);
  color: #1c7c36;
  border: 1px solid rgba(40, 167, 69, 0.45);
  font-size: 0.8rem;
  font-weight: 600;
}

/* Auditor-focused */

.doc-audience-auditor::before {
  content: "AUDITOR / COMPLIANCE VIEW";
  display: block;
  margin-bottom: 0.75rem;
  padding: 0.4rem 0.7rem;
  border-radius: 0.35rem;
  background: rgba(255, 193, 7, 0.09);
  color: #856404;
  border: 1px solid rgba(255, 193, 7, 0.5);
  font-size: 0.8rem;
  font-weight: 600;
}

/* Optional footer border */

.md-footer {
  border-top: 2px solid rgba(30, 60, 114, 0.15);
}