/* Design-Tokens – aus Audit von marvinthoni.com (2026-06-08).
   Siehe docs/superpowers/specs/design-tokens.md */
:root{
	/* ===== Farben ===== */
	--mt-bg:#faf8f5;        /* Seitenhintergrund, warmes Creme */
	--mt-fg:#2b2b2b;        /* Haupttext, aktive Nav, Rahmen-Buttons */
	--mt-muted:#737373;     /* Sekundärtext, Labels, inaktive Nav, Maße */
	--mt-line:#e5e2dc;      /* Trennlinien, Input-Rahmen */
	--mt-available:#6fae6f; /* Status-Punkt „Verfügbar" (grün, ggf. feinjustieren) */
	--mt-black:#000;
	--mt-white:#fff;

	/* ===== Typografie ===== */
	--mt-font-sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--mt-font-display:"Montserrat",system-ui,sans-serif;

	--mt-fs-base:16px;
	--mt-lh-base:1.5;

	/* Überschriften (Syne) */
	--mt-fs-h1:clamp(34px,5vw,48px);   /* Seitentitel; lh ~1.0, tracking -0.96px */
	--mt-fs-h2:clamp(28px,4vw,36px);   /* Abschnittstitel „Werke"; tracking -0.72px */
	--mt-fs-card:18px;                 /* Werk-Kartentitel */
	--mt-fs-display:clamp(40px,6vw,56px); /* große Headlines (Über mich) */
	--mt-tracking-display:-0.02em;

	/* Eyebrow / Labels / Buttons (Inter, uppercase) */
	--mt-fs-label:12px;
	--mt-tracking-eyebrow:3px;
	--mt-tracking-label:1.2px;

	/* ===== Layout ===== */
	--mt-container:1280px;
	--mt-gutter:clamp(20px,5vw,48px);
	--mt-grid-col-gap:40px;
	--mt-grid-row-gap:96px;
	--mt-header-h:92px;
	--mt-section-gap:clamp(64px,10vw,128px);

	/* Breakpoints (Referenz, Tailwind-kompatibel): sm 640 · md 768 · lg 1024 · xl 1280 */
}