:root {
  /* Konstante Farben */
  --const-color-mu-node-stroke: #7f7fb9;
  --const-color-mu-path: #7f7fb9;
  --const-color-node-text: #E4E6EA;
  --const-color-mu-orange: #ff9913;

  /* Light Mode Standard-Farben (Default) */
  --lm-color-mu-brand-fill: #7f7fb9;
  --lm-color-mu-brand-stroke: #7475a3;
  --lm-color-mu-path-dash: #da7fcb;
  --lm-color-mu-node-bg: #68688b;

  /* Erweiterte Flussdiagramm-Farben (Light Mode Default) */
  --lm-color-mu-yellow: #d49a00;
  --lm-color-mu-red: #d91e2a;
  --lm-color-mu-rose: #9e6b55;
  --lm-color-mu-green: #1ca64c;
  --lm-color-mu-purple: #7c4dff;
  --lm-color-mu-bg-brown: #5c5036;
  --lm-color-mu-bg-green: #355240;
  --lm-color-mu-bg-purple: #4c425e;
  --lm-color-mu-bg-red: #5e3a3a;

  /* Schriftarten */
  --font-ui: 'Liberation Sans Web', 'Liberation Sans', 'Arial', 'Helvetica', sans-serif;
}

body {
  min-width: 0;
}

/* System-Präferenz: Dark Mode */
@media (prefers-color-scheme: dark) {
  :root {
    --lm-color-mu-brand-fill: #5724a5;
    --lm-color-mu-brand-stroke: #7f7fb9;
    --lm-color-mu-path-dash: #5724a5;
    --lm-color-mu-node-bg: #464658;

    --lm-color-mu-yellow: #e1df71;
    --lm-color-mu-red: #fb464c;
    --lm-color-mu-rose: #c38585;
    --lm-color-mu-green: #44cf6e;
    --lm-color-mu-purple: #a882ff;
    --lm-color-mu-bg-brown: #3c382d;
    --lm-color-mu-bg-green: #1f2822;
    --lm-color-mu-bg-purple: #26232c;
    --lm-color-mu-bg-red: #2c1f1f;
  }
}

/* JS Toggle: Dark Mode */
html[data-theme="dark"] {
  --lm-color-mu-brand-fill: #5724a5;
  --lm-color-mu-brand-stroke: #7f7fb9;
  --lm-color-mu-path-dash: #5724a5;
  --lm-color-mu-node-bg: #464658;

  --lm-color-mu-yellow: #e1df71;
  --lm-color-mu-red: #fb464c;
  --lm-color-mu-rose: #c38585;
  --lm-color-mu-green: #44cf6e;
  --lm-color-mu-purple: #a882ff;
  --lm-color-mu-bg-brown: #3c382d;
  --lm-color-mu-bg-green: #1f2822;
  --lm-color-mu-bg-purple: #26232c;
  --lm-color-mu-bg-red: #2c1f1f;
}

/* JS Toggle: Light Mode */
html[data-theme="light"] {
  --lm-color-mu-brand-fill: #7f7fb9;
  --lm-color-mu-brand-stroke: #7475a3;
  --lm-color-mu-path-dash: #da7fcb;
  --lm-color-mu-node-bg: #68688b;

  --lm-color-mu-yellow: #d49a00;
  --lm-color-mu-red: #d91e2a;
  --lm-color-mu-rose: #9e6b55;
  --lm-color-mu-green: #1ca64c;
  --lm-color-mu-purple: #7c4dff;
  --lm-color-mu-bg-brown: #5c5036;
  --lm-color-mu-bg-green: #355240;
  --lm-color-mu-bg-purple: #4c425e;
  --lm-color-mu-bg-red: #5e3a3a;
}

/* ==========================================================================
   INFOGRAFICS LAYOUT
   ========================================================================== */

.mu-post-wrapper {
  padding-top: 0 !important;
}

.mu-post-wrapper .mu-container {
  padding-top: 0 !important;
}

.mu-brand-heading {
  margin: 0 auto;
  line-height: 0;
}

.mu-brand-logo {
  display: block;
  width: 100%;
  height: auto;
}