/* WebTrades – Design Tokens (Master-Spec V3, Kap. 5–7; Entscheidungen D01–D04) */

:root {
	/* Farbe */
	--wt-ink: #0A0C0B;
	--wt-paper: #F2F0E9;
	--wt-white: #FCFCF8;
	--wt-signal: #B7FF3C;
	--wt-muted-dark: #9AA19C;
	--wt-muted-light: #5F6662;
	--wt-line-dark: rgba(242, 240, 233, 0.16);
	--wt-line-light: rgba(10, 12, 11, 0.14);
	--wt-seam-dark: rgba(242, 240, 233, 0.18);
	--wt-seam-light: rgba(10, 12, 11, 0.16);

	/* Schrift */
	--wt-font-display: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wt-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	--wt-display: clamp(4.7rem, 9.8vw, 11.5rem);
	--wt-h2: clamp(3.1rem, 6.2vw, 7.2rem);
	--wt-h2-compact: clamp(2.6rem, 4.4vw, 5.2rem);
	--wt-h3: clamp(1.9rem, 3vw, 3.9rem);
	--wt-h4: clamp(1.35rem, 1.7vw, 1.9rem);
	--wt-lead: clamp(1.22rem, 1.65vw, 1.9rem);
	--wt-body: clamp(1rem, 1.05vw, 1.16rem);
	--wt-small: clamp(0.9rem, 0.9vw, 0.98rem);
	/* Untergrenze auf 12 px: Der Wert lag durch die vw-Stufe praktisch immer bei 10,88 px – auch am Desktop. */
	--wt-micro: clamp(0.75rem, 0.68vw, 0.78rem);

	/* Raster (Desktop ≥ 1100: 12 Spalten) */
	--wt-cols: 12;
	--wt-max: 1728px;
	--wt-gutter: clamp(28px, 3.35vw, 64px);
	--wt-gap: clamp(20px, 1.45vw, 24px);

	/* Header */
	--wt-header-h: 82px;
	--wt-header-h-compact: 68px;

	/* Form */
	--wt-radius: 2px;

	/* Bewegung (CSS) */
	--wt-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--wt-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--wt-fast: 0.28s;
	--wt-medium: 0.55s;
}

/* Tablet 768–1099: 6 Spalten */
@media (max-width: 1099px) {
	:root {
		--wt-cols: 6;
		--wt-gutter: clamp(24px, 3.4vw, 36px);
		--wt-gap: clamp(16px, 2vw, 20px);
	}
}

/* Mobile < 768: 4 Spalten */
@media (max-width: 767px) {
	:root {
		--wt-cols: 4;
		--wt-gutter: clamp(18px, 5vw, 22px);
		--wt-gap: clamp(12px, 3.2vw, 14px);
		--wt-header-h: 66px;
		--wt-header-h-compact: 66px;
		--wt-display: clamp(3.3rem, 15.2vw, 5rem);
		--wt-h2: clamp(2.5rem, 11vw, 4.2rem);
		--wt-h2-compact: clamp(2.2rem, 9.6vw, 3.4rem);
		--wt-h3: clamp(1.7rem, 7.6vw, 2.5rem);
		--wt-lead: clamp(1.15rem, 5vw, 1.35rem);
	}
}