/*
Theme Name: Steiner Motorsport
Template: clicdesign-theme
Author: clicdesign
Description: Child-Theme fuer Steiner Motorsport. Branding, Tokens und projektspezifisches CSS. Komponenten liegen im Framework, nicht hier.
Version: 0.1.6
License: proprietaer
Text Domain: steinermotorsport
*/

/*
 * Designsystem Steiner Motorsport
 * Quelle: design/Designsystem_Steiner-Motorsport.md
 * Leitidee: Der Beweis faehrt am Berg. Register: Direkt mit Premium-Disziplin.
 *
 * Farben, Schriftgroessen und Abstaende, die der Redakteur sieht, stehen in
 * theme.json (CD-09). Hier stehen nur die Werte, die das Designsystem
 * zusaetzlich kennt und die nie zur Auswahl stehen sollen.
 */

:root {
	/* Schriftrollen.
	   ACHTUNG: Schriftdateien fehlen noch. Bis sie selbst gehostet sind,
	   greifen die Fallbacks. Keine Einbindung ueber Google Fonts (Datenschutz). */
	--cd-font-head: "Archivo", system-ui, sans-serif;      /* Display / Headlines */
	--cd-font-text: "Inter", system-ui, sans-serif;        /* Fliesstext / UI */
	--sm-font-slab: "Roboto Slab", Georgia, serif;         /* Statements, Urteile */
	--sm-font-mono: "JetBrains Mono", ui-monospace, monospace; /* Zeiten, Specs, Labels */

	/* Farbwerte ausserhalb der Redakteursauswahl */
	--sm-white: #ffffff;          /* Karten, erhabene Flaechen */
	--sm-red-strong: #9a2227;     /* Hover, roter Kleintext auf Hell */
	--sm-grey-300: #c9ccd1;       /* deaktiviert */

	/* Feine Abstaende unterhalb der XS-Stufe */
	--sm-space-3xs: 4px;
	--sm-space-2xs: 8px;
	--sm-space-xs: 12px;
	--sm-space-l: 32px;
	--sm-space-3xl: 160px;

	/* Layout laut Designsystem */
	--cd-container: 1280px;
	--cd-measure: 720px;

	/* Tracking */
	--sm-tracking-display: -0.02em;
	--sm-tracking-label: 0.08em;
}

/*
 * Display-Schrift: Archivo mit der Breitenachse auf condensed.
 * Die variable Schrift deckt 62–125 % ab; 87,5 % ist die Stufe, die dem
 * Logo entspricht, ohne die Lesbarkeit zu verlieren.
 */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--cd-font-head);
	font-weight: 700;
	font-stretch: 87.5%;
	letter-spacing: var(--sm-tracking-display);
}

.cd-eyebrow,
.sm-label {
	font-stretch: normal;
}

/*
 * Versal-Labels sind immer Mono und gesperrt - die wiederkehrende
 * Messprotokoll-Stimme des Designsystems.
 */
.sm-label {
	font-family: var(--sm-font-mono);
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: var(--sm-tracking-label);
	text-transform: uppercase;
	color: var(--wp--preset--color--text-muted);
}

/* Statements sprechen in der Slab. */
.sm-statement {
	font-family: var(--sm-font-slab);
	font-weight: 500;
}

/* Zahlen und Messwerte. */
.sm-data {
	font-family: var(--sm-font-mono);
	font-size: 13px;
	line-height: 1.4;
}

/*
 * Rot beweist, dekoriert nie.
 * Erlaubt: Schluesselzahl, aktives Element, Zeitmarke, primaerer CTA.
 */
.sm-timemark {
	display: inline-block;
	width: 24px;
	height: 2px;
	background: var(--wp--preset--color--primary);
}