/* ──────────────────────────────────────────────────────────────
   Linked.Archi — Custom Color Palette
   Uses the established blue from meta.linked.archi as primary,
   with accent colors from the la-logo-var1-col.svg:
     Primary blue: #0d47a1 / #1565c0 (header/nav bar)
     Accent teal:  #00baa3  (links, highlights)
     Red:          #d55342  (secondary accent)
     Gold:         #efc945  (dark mode accent)
   ────────────────────────────────────────────────────────────── */

/* Light mode (default scheme) */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #1565c0;
  --md-primary-fg-color--light: #4fc3f7;
  --md-primary-fg-color--dark:  #0d47a1;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: #ffffff;

  --md-accent-fg-color:         #00baa3;
  --md-accent-fg-color--transparent: rgba(0, 186, 163, 0.1);
  --md-accent-bg-color:         #ffffff;
  --md-accent-bg-color--light:  #ffffff;

  --md-typeset-a-color:         #1565c0;
}

/* Dark mode (slate scheme) */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #1565c0;
  --md-primary-fg-color--light: #5e92f3;
  --md-primary-fg-color--dark:  #003c8f;
  --md-primary-bg-color:        #1e1e1e;
  --md-primary-bg-color--light: #2d2d2d;

  --md-accent-fg-color:         #4dd9c5;
  --md-accent-fg-color--transparent: rgba(0, 186, 163, 0.1);
  --md-accent-bg-color:         #1e1e1e;
  --md-accent-bg-color--light:  #2d2d2d;

  --md-typeset-a-color:         #4dd9c5;
}

/* Slightly taller header bar */
.md-header {
  padding: 0.15rem 0;
}

/* ── Mermaid diagrams: full width ──────────────────────────── */
.mermaid {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.mermaid svg {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  min-height: 200px;
}