/* SARmission Brand-Customization für MkDocs Material */

:root {
  /* Brand-Farben (entsprechen tailwind.config.ts der Website) */
  --md-primary-fg-color: #185FA5;        /* Navy-600 */
  --md-primary-fg-color--light: #5a96c9; /* Navy-400 */
  --md-primary-fg-color--dark: #103e69;  /* Navy-800 */
  --md-accent-fg-color: #FBBF24;         /* Amber-400 */
  --md-accent-fg-color--transparent: rgba(251, 191, 36, 0.1);

  /* Typo */
  --md-text-font: "Inter", system-ui, -apple-system, sans-serif;
  --md-code-font: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

/* Light-Mode-Tweaks */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #FFFFFF;
  --md-default-fg-color: #0F172A;          /* ink */
  --md-default-fg-color--light: #64748B;   /* muted */
  --md-typeset-color: #0F172A;
  --md-code-bg-color: #f1f5f9;             /* slate-100 */
  --md-typeset-a-color: #185FA5;           /* navy-600 */
}

/* Dark-Mode-Tweaks (Slate-Theme angepasst) */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f172a;          /* navy-950 */
  --md-default-fg-color: #f8fafc;
  --md-default-fg-color--light: #cbd5e1;
  --md-code-bg-color: #1e293b;
  --md-typeset-a-color: #FBBF24;           /* amber on dark */
}

/* Top-Header */
.md-header {
  background: linear-gradient(135deg, #185FA5 0%, #103e69 100%);
}
.md-header__title {
  font-family: "Inter Tight", "Inter", sans-serif;
  font-weight: 700;
}

/* Diátaxis-Marker visuell hervorheben (z. B. `[How-to]`) */
h2 code:has-text("[How-to]"),
h3 code:has-text("[How-to]") {
  background: rgba(34, 197, 94, 0.15);
  color: #16a34a;
  border-radius: 4px;
  padding: 2px 6px;
}

/* Persona-Pfade-Tabelle visuell hervorheben */
.md-typeset table:not([class]) th {
  background: rgba(24, 95, 165, 0.08);
  font-weight: 700;
}

/* Code-Blöcke etwas weicher */
.md-typeset pre {
  border-radius: 8px;
}

/* Admonition-Boxen mit Brand-Akzent */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-left-color: #185FA5;
}
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-left-color: #FBBF24;
}

/* Bilder runde Ecken + leichter Schatten */
.md-typeset img {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
  max-width: 100%;
}

/* Footer Brand */
.md-footer-meta {
  background: #0c2d4d;  /* navy-900 */
}