/**
 * Modjor Markierungen - zentrales Aussehen aller Markierungen.
 *
 * Diese Datei ist die EINZIGE Stelle, an der die Farben stehen.
 * Wer hier .mj-gelb aendert, aendert damit alle gelben Markierungen
 * auf allen Seiten gleichzeitig.
 *
 * Dieselben Klassen entstehen auf beiden Wegen:
 *   - direkt im Block-Editor ueber die Tastenkuerzel dieses Plugins
 *   - beim Import aus LibreOffice ueber die Mammoth-Style-Map
 */

/* ------------------------------------------------------------------
   1. Marker - farbiger Hintergrund
   ------------------------------------------------------------------ */
.mj-gelb,
.mj-gruen,
.mj-rot,
.mj-blau {
	padding: 0 0.12em;
	border-radius: 2px;
	/* Schriftfarbe bewusst erben, damit sich Marker und Schriftfarbe
	   kombinieren lassen, ohne sich gegenseitig zu ueberschreiben. */
	color: inherit;
}

.mj-gelb  { background-color: #ffe680; }
.mj-gruen { background-color: #b9f0c4; }
.mj-rot   { background-color: #ffb8b8; }
.mj-blau  { background-color: #b8dcff; }

/* ------------------------------------------------------------------
   2. Schriftfarbe - Cyan und Magenta in ihren reinen Werten.

   ZUR LESBARKEIT: Reines Cyan hat gegen weissen Hintergrund wenig
   Kontrast. Fuer einzelne Woerter geht das, fuer laengere Passagen
   wird es anstrengend. Wer es lesbarer haben moechte, kommentiert
   unten die abgedunkelte Variante ein und die reine aus.
   ------------------------------------------------------------------ */
.mj-schrift-cyan    { color: #00ffff; }
.mj-schrift-magenta { color: #ff00ff; }

/* Abgedunkelte Lesevariante - bei Bedarf die zwei Zeilen oben
   auskommentieren und diese zwei hier aktivieren:

.mj-schrift-cyan    { color: #00868b; }
.mj-schrift-magenta { color: #c2008f; }
*/

/* Altbestand: bis Version 1.3.0 vergebene Schriftfarben. Sie bleiben
   erhalten, damit bereits markierter Text seine Farbe behaelt. Neu
   vergeben werden sie nicht mehr.
   Yellow und Key sind zum 1.4.0 entfallen - Yellow war auf weissem
   Grund praktisch nicht lesbar, Key deckte sich mit der normalen
   Textfarbe. */
.mj-schrift-yellow { color: #ffff00; }
.mj-schrift-key    { color: #000000; }
.mj-schrift-rot    { color: #c0392b; }
.mj-schrift-blau   { color: #1f6fb2; }
.mj-schrift-gruen  { color: #1e8449; }

/* ------------------------------------------------------------------
   3. Unterstreichungen - drei Stile in je drei Farben.

   text-underline-offset schiebt die Linie etwas nach unten, damit sie
   nicht durch die Unterlaengen von g, j, p, y schneidet. Bei der
   welligen Linie faellt der Abstand groesser aus, weil die Welle nach
   oben ausschlaegt und sonst die Buchstaben beruehrt.

   Die drei Farben stehen als Variablen. Sie gelten fuer die neun
   Unterstreichungen UND fuer die farbige Fettschrift weiter unten -
   wer hier etwas aendert, haelt beides automatisch im Gleichklang.
   ------------------------------------------------------------------ */
:root {
	--mj-rot:   #c0392b;
	--mj-gruen: #1e8449;
	--mj-blau:  #1f6fb2;
}

/* Gemeinsame Grundlage aller Unterstreichungen */
.mj-unterstrich-rot,
.mj-unterstrich-gruen,
.mj-unterstrich-blau,
.mj-doppelt-rot,
.mj-doppelt-gruen,
.mj-doppelt-blau,
.mj-wellig-rot,
.mj-wellig-gruen,
.mj-wellig-blau {
	text-underline-offset: 0.18em;
}

/* Einfach */
.mj-unterstrich-rot,
.mj-unterstrich-gruen,
.mj-unterstrich-blau {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

/* Doppelt - hier keine Dicke setzen, sonst verschmelzen die
   beiden Linien optisch zu einem Balken. */
.mj-doppelt-rot,
.mj-doppelt-gruen,
.mj-doppelt-blau {
	text-decoration-line: underline;
	text-decoration-style: double;
}

/* Wellig */
.mj-wellig-rot,
.mj-wellig-gruen,
.mj-wellig-blau {
	text-decoration-line: underline;
	text-decoration-style: wavy;
	text-underline-offset: 0.22em;
}

/* Die Farben, quer ueber alle drei Stile */
.mj-unterstrich-rot,
.mj-doppelt-rot,
.mj-wellig-rot     { text-decoration-color: var(--mj-rot); }

.mj-unterstrich-gruen,
.mj-doppelt-gruen,
.mj-wellig-gruen   { text-decoration-color: var(--mj-gruen); }

.mj-unterstrich-blau,
.mj-doppelt-blau,
.mj-wellig-blau    { text-decoration-color: var(--mj-blau); }

/* ------------------------------------------------------------------
   4. Ueberstreichung - Linie ueber dem Wort
   ------------------------------------------------------------------ */
.mj-ueberstrich {
	text-decoration: overline;
	text-decoration-color: var(--mj-rot);
	text-decoration-thickness: 2px;
}

/* Altbestand: bis Version 1.2.0 vergebene Linien-Klassen. Sie bleiben
   erhalten, damit bereits markierter Text sein Aussehen behaelt.
   Neu vergeben werden sie nicht mehr. */
.mj-unterstrich {
	text-decoration: underline;
	text-decoration-color: #c0392b;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.18em;
}

.mj-unterstrich-doppelt {
	text-decoration: underline double;
	text-decoration-color: #c0392b;
	text-underline-offset: 0.18em;
}

.mj-unterstrich-wellig {
	text-decoration: underline wavy;
	text-decoration-color: #1e8449;
	text-underline-offset: 0.18em;
}

/* ------------------------------------------------------------------
   5. Fett in Farbe

   Nutzt dieselben Farbvariablen wie die Unterstreichungen - fett rot
   und rot unterstrichen bleiben dadurch immer derselbe Rotton.
   ------------------------------------------------------------------ */
.mj-fett-rot,
.mj-fett-gruen,
.mj-fett-blau {
	font-weight: 700;
}

.mj-fett-rot   { color: var(--mj-rot); }
.mj-fett-gruen { color: var(--mj-gruen); }
.mj-fett-blau  { color: var(--mj-blau); }