/* vomautor - Design-Tokens und Schriften.
   Einzige Quelle der Markenwerte. Das Plugin NE Autorenplattform nutzt die
   Tokens mit Fallback: var(--vma-farbe-primaer, #4F46E5).
   Herkunft der Farben: Logo-Monogramm „va“ - v in Tinte #111827, a in Indigo
   #4F46E5. Waerme kommt aus Papierweiss und Bernstein. Alle Text/Hintergrund-
   Paare sind auf WCAG AA geprueft (siehe readme.txt, Abschnitt Kontraste).
   Laedt ueberall, auch in der Leseansicht des Plugins. */

/* ---------------------------------------------------------------- Schriften
   Crimson Pro (Überschriften, Leittexte) - eine Buchschrift, gezeichnet für
   lange Lesetexte. Nothing You Could Do (Handschrift) für Randnotizen,
   Haftnotizen und Kapitelzahlen. Inter (Bedienung, Fließtext in Karten).
   Poppins nur noch für die Wortmarke - sie gehört zum Logo.
   Alle SIL Open Font License 1.1, lokal, Latin. */
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/crimson-400.woff2") format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/crimson-400-kursiv.woff2") format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/crimson-700.woff2") format("woff2")}
@font-face{font-family:"Nothing You Could Do";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/hand-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins-700.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/inter-400-kursiv.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600.woff2") format("woff2")}

:root{
	/* Vertrag mit dem Plugin (Eckdaten) */
	--vma-farbe-primaer:#4F46E5;
	--vma-farbe-primaer-kontrast:#FFFFFF;
	--vma-farbe-akzent:#F2B544;
	--vma-farbe-text:#111827;
	--vma-farbe-text-leise:#4B5162;
	--vma-farbe-hintergrund:#FCFAF7;
	--vma-farbe-flaeche:#F3EFE8;
	--vma-farbe-rand:#857F75;
	/* Rahmen von Eingabefeldern und Fokus (NE Autorenplattform, mind. 3:1) */
	--vma-farbe-rand-feld:#6E6960;
	--vma-farbe-fokus:#3730A3;
	--vma-farbe-erfolg:#1F7A45;
	--vma-farbe-warnung:#8A5300;
	--vma-farbe-fehler:#B42318;

	/* Altersempfehlung: Badge-Flaechen. Text darauf immer --vma-farbe-text.
	   Bewusst nicht die FSK-Farbreihe. */
	--vma-intern-alter-0:#E3F1E7;
	--vma-intern-alter-6:#DDEBF7;
	--vma-intern-alter-8:#E6E4FB;
	--vma-intern-alter-10:#FBEFD0;
	--vma-intern-alter-12:#F8D58E;
	--vma-intern-alter-16:#F6B48F;
	--vma-intern-alter-18:#F2A1A1;

	--vma-schrift-text:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--vma-schrift-titel:"Crimson Pro",Georgia,"Times New Roman",serif;
	--vma-schrift-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--vma-schrift-hand:"Nothing You Could Do","Segoe Print","Bradley Hand",cursive;
	--vma-schrift-marke:"Poppins","Inter",ui-sans-serif,system-ui,sans-serif;

	--vma-radius:14px;
	--vma-schatten:0 1px 2px rgb(17 24 39 / .06),0 10px 28px rgb(17 24 39 / .09);
	--vma-abstand:clamp(1rem,.85rem + .75vw,1.5rem);
	--vma-breite-inhalt:74rem;

	/* Intern (nicht Teil des Plugin-Vertrags) */
	--vma-intern-primaer-dunkel:#4338CA;
	--vma-intern-fokus:#3730A3;
	--vma-intern-zart:#ECEBFC;
	--vma-intern-linie:#E4DED3;
	--vma-intern-indigo-hell:#A9A4FB;
	--vma-intern-tinte-leise:#AEB3C2;
	--vma-intern-papier-hell:#FFFDF9;
	/* Altes Buch: Ledereinband und vergilbtes Papier (Blätterbuch, Suchbuch) */
	--vma-intern-leder:#5E3524;
	--vma-intern-leder-dunkel:#3B2017;
	--vma-intern-gold:#E9D3A0;
	--vma-intern-altpapier:#F5ECD7;
	--vma-intern-altpapier-schnitt:#E6D5B0;
	--vma-intern-altpapier-kante:#C2A877;
	/* Schreibtisch: Haftnotizen, Klebestreifen, Graphit, Linien im Heft */
	--vma-intern-notiz-gelb:#FCEBA9;
	--vma-intern-notiz-rosa:#F8DAD3;
	--vma-intern-notiz-mint:#D8EEDD;
	--vma-intern-notiz-blau:#DDE7F8;
	--vma-intern-klebeband:rgb(242 181 68 / .55);
	--vma-intern-klebeband-blau:rgb(169 164 251 / .5);
	--vma-intern-graphit:#4A4F5C;
	--vma-intern-heftlinie:rgb(79 70 229 / .13);
	--vma-intern-randlinie:rgb(180 35 24 / .35);
	--vma-intern-leinen:#1A2233;
	/* Die Signatur-Ecke: drei runde Ecken, unten rechts kantig - wie der
	   Stamm des „a“ im Monogramm. */
	--vma-ecke:var(--vma-radius) var(--vma-radius) 3px var(--vma-radius);
	--vma-ecke-klein:12px 12px 3px 12px;
	/* Der Schnitt zwischen v und a steht rund 33 Grad gegen die Senkrechte. */
	--vma-schnitt:33deg;

	color-scheme:light;
}

/* ------------------------------------------------------- Online-Leser
   Das Plugin setzt data-vma-leser am Wurzelelement der Leseansicht. */
:root,[data-vma-leser="hell"]{--vma-leser-papier:#FFFFFF;--vma-leser-text:#111827;--vma-leser-hintergrund:#E7E5E1}
[data-vma-leser="sepia"]{--vma-leser-papier:#F5ECD9;--vma-leser-text:#3B2F22;--vma-leser-hintergrund:#E4D6BB}
[data-vma-leser="dunkel"]{--vma-leser-papier:#1C1E26;--vma-leser-text:#E6E4DF;--vma-leser-hintergrund:#101116;color-scheme:dark}

/* --------------------------------------------- Hilfsklassen fuer alle Ansichten */
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.screen-reader-text:focus{position:static;width:auto;height:auto;margin:0;clip-path:none;white-space:normal}