/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* =====================================================================
 * Hövelrat – Basistypografie (nutzt Variablen aus css/tokens.css)
 * ===================================================================== */

body,
.mfn-hoevelrat {
	font-family: var(--hv-font-body);
	font-size: var(--hv-fs-body);
	line-height: var(--hv-lh-body);
	font-weight: var(--hv-fw-light);
	color: var(--hv-color-text);
}

/* BeTheme setzt Fett auf 700. Die Schrift kennt als kräftigste Stufe Medium. */
b,
strong {
	font-weight: var(--hv-fw-medium);
}

.mfn-hoevelrat h1,
.mfn-hoevelrat h2,
.mfn-hoevelrat h3,
.mfn-hoevelrat h4,
.mfn-hoevelrat h5,
.mfn-hoevelrat h6 {
	font-family: var(--hv-font-head);
	font-weight: var(--hv-fw-medium);
	color: var(--hv-color-heading);
	letter-spacing: -0.01em;
	margin: 0 0 0.5em;
}

.mfn-hoevelrat h1 { font-size: var(--hv-fs-h1); line-height: var(--hv-lh-h1); }
.mfn-hoevelrat h2 { font-size: var(--hv-fs-h2); line-height: var(--hv-lh-h2); }
.mfn-hoevelrat h3 { font-size: var(--hv-fs-h3); line-height: var(--hv-lh-h3); }
.mfn-hoevelrat h4 { font-size: var(--hv-fs-h4); line-height: var(--hv-lh-h4); }
.mfn-hoevelrat h5 { font-size: var(--hv-fs-h5); line-height: var(--hv-lh-h5); }

/* Utility Textklassen nach Figma-Skala */
.hv-display { font-family: var(--hv-font-head); font-weight: var(--hv-fw-medium); font-size: var(--hv-fs-display); line-height: var(--hv-lh-display); letter-spacing: -0.02em; }
.hv-body-l  { font-size: var(--hv-fs-body-l); line-height: var(--hv-lh-body-l); }
.hv-body-s  { font-size: var(--hv-fs-body-s); line-height: var(--hv-lh-body-s); }
.hv-caption { font-size: var(--hv-fs-caption); line-height: var(--hv-lh-caption); }
.hv-label   { font-size: var(--hv-fs-label); line-height: var(--hv-lh-label); letter-spacing: 0.08em; text-transform: uppercase; }