/* ==========================================================================
   munta.eu — eigenes Farbdesign (Blau → Violett, aus dem munta-Logo)
   Wird ALS LETZTES geladen und überschreibt die amber/orange-Akzente der
   app-shell.css + die teal/sky-Akzente der style.css. Nur munta, nie muntafuner.
   Logo-Verlauf: Azurblau #2b7cf6 → Indigo #6a45f1 → Violett #9333ea
   ========================================================================== */
:root, body, body.themed {
    /* munta-Markenfarben */
    --munta-blue:     #2b7cf6;
    --munta-blue-d:   #1f63d8;
    --munta-indigo:   #6a45f1;
    --munta-purple:   #9333ea;
    --munta-purple-d: #7c22cd;
    --munta-grad:     linear-gradient(120deg, #2b7cf6 0%, #6a45f1 52%, #9333ea 100%);

    /* --- app-shell.css Akzente (Topbar/Buttons/Avatare/Aktiv-Zustände) --- */
    --accent:      #6a45f1;
    --accent-2:    #9333ea;
    --accent-grad: linear-gradient(120deg, #2b7cf6 0%, #6a45f1 52%, #9333ea 100%);
    --sun-grad:    linear-gradient(120deg, #3b86f7, #6a45f1);

    /* kühler, moderner Untergrund statt des warmen Beige */
    --bg:   #f4f6fc;
    --card: #ffffff;
    --line: #e6e8f5;

    /* --- style.css Akzente (Links, Hover, Farbtoken) --- */
    --c-sky:       #2b7cf6;
    --c-sky-dark:  #1f63d8;
    --c-teal:      #6a45f1;
    --c-teal-dark: #7c22cd;
    --c-violet:    #9333ea;
    --bg-cool:     linear-gradient(180deg, #eef3ff 0%, #f3effd 60%, #f6f7fc 100%);
}

/* Aufbau-Streifen (war amber) → munta-Verlauf */
.build-strip {
    background: linear-gradient(120deg, #2b7cf6, #6a45f1, #9333ea);
    color: #fff;
}

/* Marken-Schriftzug in der Topbar als Farbverlauf */
.topbar .brand-center {
    background: linear-gradient(120deg, #2b7cf6 0%, #6a45f1 52%, #9333ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 800;
    letter-spacing: -0.3px;
}
.topbar .top-quick a { color: var(--munta-purple); }

/* warme Hover-Hardcodes der app-shell.css auf kühl umstellen */
.tb-btn:hover,
.composer .ghost-input:hover,
.composer-actions a:hover { background: #e9ecfb; }

/* Foto-Platzhalter (war amber) */
.post-photo.ph {
    background: linear-gradient(135deg, #e7ecff, #efe6ff);
    color: #6a45f1;
}

/* Primär-Buttons als munta-Verlauf */
.btn-primary,
button.btn-primary,
.btn.btn-primary {
    background: linear-gradient(120deg, #2b7cf6 0%, #6a45f1 52%, #9333ea 100%);
    border: 0;
    color: #fff;
}
.btn-primary:hover,
button.btn-primary:hover { filter: brightness(1.06); color: #fff; }

/* Links generell im munta-Violett, Hover Blau */
a { color: var(--munta-purple-d); }
a:hover { color: var(--munta-blue-d); }

/* Fokus-Ringe in Markenfarbe */
input:focus, select:focus, textarea:focus,
.cmt-input:focus { border-color: var(--munta-indigo) !important; }

/* Vorschlag-Liste (Gemeinde-/Leute-Suche): Treffer-Hover in munta-Ton */
.ss-item:hover,
.ort-suggest button:hover,
.ort-suggest button.active { background: #eef2ff; }

/* aktive Bottom-/Drawer-Navigation in Markenfarbe (nutzt großteils --accent*) */
.fav-toggle .fav-star { color: var(--munta-purple); }
.fav-toggle:hover { border-color: var(--munta-indigo); color: var(--munta-purple-d); }
.fav-toggle.is-fav { background: #f3efff; border-color: var(--munta-indigo); color: var(--munta-purple-d); }