/*
 * tokens.css  --  Werte, keine Regeln
 *
 * Hier steht kein einziger Selektor ausser :root. Das ist der Teil des Themes,
 * an dem die Plugins haengen: --size-1 allein 638 Mal in 17 Plugins,
 * --fontsize 273 Mal in 23. Eine dieser Variablen umzubenennen bricht die
 * Flotte lautlos -- eine fehlende var() gibt keinen Fehler, sie faellt auf den
 * Rueckfall oder erbt. Was hier mit "Vertrag" markiert ist, steht in
 * CONTRACT.md und bleibt.
 *
 * Die Werte sind aus guladev uebernommen, Zeichen fuer Zeichen. Ein Neubau
 * darf die Ablage aendern, nicht die Zahlen -- sonst verschiebt sich jede
 * Seite jeder Site um ein paar Pixel, und niemand weiss warum.
 *
 * Farben stehen NICHT hier, sondern in colors.css. Getrennt, weil Farben je
 * Site gewaehlt werden und die Skala nicht.
 *
 * Document & Code @copyright by SteckDesign
 * Changes by third parties are not permitted.
 */

:root {

	/* --- Schrift ------------------------------------------------------ */
	--fontsize:            calc(14px + (20 - 14) * ((100vw - 300px) / (2000 - 300)));  /* Vertrag */
	--lineheight:          calc( var( --fontsize ) * 1.6 );
	--font-family-sans:    "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	--font-family-serif:   "Playfair Display", "Times", "serif";
	--body-font:           var(--font-family-sans);
	--bodyweight:          300;  /* Vertrag */
	--title-font:          var(--font-family-sans);
	--title-font-serif:    var(--font-family-serif);  /* Vertrag */
	--titleweight:         500;  /* Vertrag */
	--font-normal:         normal;  /* Vertrag */
	--font-italic:         italic;
	--weight-100:          100;
	--weight-200:          200;
	--weight-300:          300;
	--weight-400:          400;  /* Vertrag */
	--weight-500:          500;
	--weight-600:          600;
	--weight-700:          700;  /* Vertrag */
	--weight-800:          800;
	--weight-900:          900;

	/* --- Groessenskala ------------------------------------------------
	   Eine Stufe ist ein Vielfaches von --fontsize, und --fontsize waechst
	   mit der Fensterbreite. Darum skaliert die ganze Seite mit, ohne einen
	   einzigen Medienabfrage-Block.

	   ACHTUNG Abstands-Skala: die Klassen ptop... und pbot... gibt es in
	   guladev in
	   ZWEI Zaehlweisen -- ptop00...ptop150 (Pixel) und ptop0...ptop9
	   (Schritte). ptop15 trifft beide und rendert still falsch. In gula5 gilt
	   allein die Schrittzahl; die Pixelfassung wird in layout.css uebersetzt,
	   nicht mitgeschleppt.  */
	--size-0:              calc( var( --fontsize ) * 0 );  /* Vertrag */
	--size-0125:           calc( var( --fontsize ) * 0.125 );  /* Vertrag */
	--size-025:            calc( var( --fontsize ) * 0.25 );  /* Vertrag */
	--size-05:             calc( var( --fontsize ) * 0.5 );  /* Vertrag */
	--size-075:            calc( var( --fontsize ) * 0.75 );  /* Vertrag */
	--size-1:              calc( var( --fontsize ) * 1 );  /* Vertrag */
	--size-125:            calc( var( --fontsize ) * 1.25 );  /* Vertrag */
	--size-15:             calc( var( --fontsize ) * 1.5 );  /* Vertrag */
	--size-175:            calc( var( --fontsize ) * 1.75 );
	--size-2:              calc( var( --fontsize ) * 2 );  /* Vertrag */
	--size-225:            calc( var( --fontsize ) * 2.25 );
	--size-25:             calc( var( --fontsize ) * 2.5 );  /* Vertrag */
	--size-275:            calc( var( --fontsize ) * 2.75 );
	--size-3:              calc( var( --fontsize ) * 3 );  /* Vertrag */
	--size-35:             calc( var( --fontsize ) * 3.5 );  /* Vertrag */
	--size-4:              calc( var( --fontsize ) * 4 );  /* Vertrag */
	--size-45:             calc( var( --fontsize ) * 4.5 );
	--size-5:              calc( var( --fontsize ) * 5 );  /* Vertrag */
	--size-55:             calc( var( --fontsize ) * 5.5 );
	--size-6:              calc( var( --fontsize ) * 6 );
	--size-65:             calc( var( --fontsize ) * 6.5 );
	--size-7:              calc( var( --fontsize ) * 7 );  /* Vertrag */
	--size-75:             calc( var( --fontsize ) * 7.5 );
	--size-8:              calc( var( --fontsize ) * 8 );
	--size-85:             calc( var( --fontsize ) * 8.5 );
	--size-9:              calc( var( --fontsize ) * 9 );
	--size-95:             calc( var( --fontsize ) * 9.5 );
	--size-10:             calc( var( --fontsize ) * 10 );
	--size-20:             calc( var( --fontsize ) * 20 );
	--size-30:             calc( var( --fontsize ) * 30 );
	--size-40:             calc( var( --fontsize ) * 40 );
	--size-50:             calc( var( --fontsize ) * 50 );
	--size-60:             calc( var( --fontsize ) * 60 );
	--size-70:             calc( var( --fontsize ) * 70 );
	--size-80:             calc( var( --fontsize ) * 80 );
	--size-90:             calc( var( --fontsize ) * 90 );
	--size-100:            calc( var( --fontsize ) * 100 );

	/* --- Uebriges -----------------------------------------------------

		HIER STANDEN --footer_bg und --copyright_bg, entfernt am 05.09.2026.

		In guladev sind beide Zeilen AUSKOMMENTIERT (root.css 69/70); beim
		Uebertragen sind die Kommentarzeichen verlorengegangen und die
		Definitionen wurden scharf. Sie zeigen auf --ht_09_rgbcolor und
		--ht_05_rgbcolor, und die gibt es NIRGENDS -- nicht im Theme, nicht
		in den Plugins, in keinem Blatt der ganzen Flotte. Benutzt hat
		--footer_bg / --copyright_bg ohnehin niemand: 0 Aufrufe in css/,
		src/ und allen Plugins.

		Gefunden von bin/g5-vokabular, das sie als "vom Theme gerufen,
		nirgends definiert" meldete.	*/
	--theme_sitefgcolor:   rgba(var(--sitecolor), 1.0);
	--theme_sitebgcolor:   rgba(var(--sitebgcolor), 1.0);
}