/*
Theatergruppe Dellmensingen
creation Date: 2026-09-22
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

/* ===========================================================================
   SCHRIFTEN
   Drei der vier Dateien sind Variable Fonts, decken also einen ganzen
   Strichstaerken-Bereich ab. Deshalb wird je Datei genau eine Familie
   angemeldet und die Staerke ueber font-weight gewaehlt - "Bodoni Medium"
   ist hier kein eigener Familienname, sondern BodoniModa mit font-weight 500.

   Die Pfade sind relativ zu dieser Datei (css/ -> font/), damit die Angaben
   ohne PHP auskommen und die Datei sich normal cachen laesst.

   font-display: swap - der Text steht sofort, die Schrift wird nachgereicht.
   =========================================================================== */

/* Bodoni Moda: Ueberschriften und die Bodoni-Textstrecken.
   Achsen: opsz 6-96 (optische Groesse), wght 400-900.
   opsz wird per font-optical-sizing automatisch aus der Schriftgroesse
   abgeleitet, wir steuern nur wght. */
@font-face {
	font-family: "BodoniModa";
	src: url("../font/BodoniModa-VariableFont_opsz,wght.woff2") format("woff2"),
	     url("../font/BodoniModa-VariableFont_opsz,wght.woff") format("woff");
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
}

/* Gilroy: Fliesstext. Zwei feste Schnitte, keine Variable Font.
   Beide laufen unter derselben Familie, damit <b>/<strong> im Fliesstext
   ueber font-weight greifen und nicht ueber einen Familienwechsel. */
@font-face {
	font-family: "Gilroy";
	src: url("../font/gilroy-light.woff2") format("woff2"),
	     url("../font/gilroy-light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gilroy";
	src: url("../font/gilroy-bold.woff2") format("woff2"),
	     url("../font/gilroy-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Open Sans: ausschliesslich fuer Schaltflaechen.
   Die Datei enthaelt nur die kursiven Schnitte - eine aufrechte Variante gibt
   es nicht, deshalb ist font-style hier immer italic.
   Achsen: wdth 75-100 (Laufweite), wght 300-800.
   Condensed = wdth 75, SemiBold = wght 600; beides setzt .contentbutton
   in template.css. */
@font-face {
	font-family: "OpenSans";
	src: url("../font/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2"),
	     url("../font/OpenSans-Italic-VariableFont_wdth,wght.woff") format("woff");
	font-weight: 300 800;
	font-stretch: 75% 100%;
	font-style: italic;
	font-display: swap;
}


/* ===========================================================================
   ROLLEN
   Eine Rolle je Zeile des Schriftkonzepts. Alles Weitere in template.css
   greift auf diese Variablen zurueck, damit ein Schnitt an genau einer
   Stelle geaendert werden kann.
   =========================================================================== */
:root {
	--font-serif: "BodoniModa", Georgia, "Times New Roman", serif;
	--font-sans: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-button: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;

	/* Bodoni-Staerken nach Verwendung benannt */
	--weight-headline: 800;   /* Headlines, Hervorhebungen */
	--weight-faq: 700;        /* FAQ-Headlines */
	--weight-intro: 600;      /* Einleitungstexte (Theater, Mitmachen) */
	--weight-stueck: 500;     /* Stueckbeschreibung */
	--weight-termine: 400;    /* Termine, Bodoni-Fliesstext */

	/* Gilroy-Staerken */
	--weight-text: 300;       /* Fliesstext */
	--weight-text-strong: 700; /* Hervorhebung im Fliesstext */
}