/* ===========================================================================
   X-CELL-Branding (§10) — abgeglichen mit www.x-cell.com (css/color.css, typo.css)
   Markenpalette:
     Orange      #E97406  (Primär)   · Hover/Indochine #C96507
     Bluewood    #3A536F  (Navy, Sekundärakzent: Links, Footer, Überschriften)
     Riverbed    #4C5862  · Lynch #60768C · Gull Gray #97A6B7
     Mineshaft   #333333 / #464646   (Text)
     Dove Gray   #5F5E5E             (dezente Metadaten)
     Wildsand    #F3F3F3  · Periwinkle #E4EBF2 · Lightblue #f1f5f8 (Flächen)
   Schrift: Open Sans — LOKAL gehostet (site_docs/fonts/), kein Google-CDN.
   ======================================================================== */

/* Hausschrift lokal einbinden (Variable Font, gleiche Datei wie x-cell.com) */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Schrift-Stacks von Material auf die lokale Open Sans umbiegen */
  --md-text-font-family: "Open Sans", -apple-system, BlinkMacSystemFont,
                         Helvetica, Arial, sans-serif;
  --md-code-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
                         Consolas, monospace;

  /* Interaktive Akzente (Hover, aktive Elemente, Suche) */
  --md-accent-fg-color:              #C96507;
  --md-accent-fg-color--transparent: rgba(233, 116, 6, 0.10);

  /* Links im Fließtext: Navy „Bluewood" — lesbar und markentypisch */
  --md-typeset-a-color: #3A536F;

  /* Fließtext in X-CELL-Anthrazit statt reinem Schwarz */
  --md-typeset-color: #333333;

  /* Footer zweifarbig zur Marke: Navy unter dem orangen Header */
  --md-footer-bg-color:       #3A536F;
  --md-footer-bg-color--dark: #33495f;
}

/* Header/Navigation tragen die Marke: Orange (palette: primary/accent custom) */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #E97406;
  --md-primary-fg-color--light: #f0892a;
  --md-primary-fg-color--dark:  #C96507;
}
[data-md-color-accent="custom"] {
  --md-accent-fg-color:              #C96507;
  --md-accent-fg-color--transparent: rgba(233, 116, 6, 0.10);
}

/* Links: dezenter Orange-Akzent beim Hover */
.md-typeset a:hover,
.md-typeset a:focus {
  color: #E97406;
}

/* Überschriften in X-CELL-Navy für klare Hierarchie */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: #3A536F;
  font-weight: 700;
}

/* Header-Titel etwas kräftiger setzen */
.md-header__title {
  font-weight: 600;
}

/* Admonitions an die Markenflächen angelehnt */
.md-typeset .admonition,
.md-typeset details {
  border-left-color: #E97406;
}
.md-typeset .admonition.note,
.md-typeset details.note {
  border-left-color: #3A536F;
}

/* Tabellen-Kopf in hellem Periwinkle (cbg_tableblue der Website) */
.md-typeset table:not([class]) th {
  background-color: #E4EBF2;
  color: #3A536F;
}

/* Kleine, dezente Ticketnummer pro Eintrag */
.ticket {
  color: #5F5E5E;
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  opacity: 0.85;
}