/* =========================================================
   TRUENTO – DESIGN-SYSTEM
   ========================================================= */

:root {

	/* Markenfarben */
	--truento-anthrazit: #2f343a;
	--truento-anthrazit-dunkel: #24282d;
	--truento-rot: #c93f4b;

	/* Flächen */
	--truento-weiss: #ffffff;
	--truento-warmweiss: #fafaf8;
	--truento-flaeche-hell: #fafafa;
	--truento-flaeche-grau: #f0f0f1;
	--truento-flaeche-checkout: #f4f4f3;
	--truento-grau-mittel: #dedede;
	--truento-produktbild-hintergrund: #e9e9e9;

	/* Text */
	--truento-text: #333333;
	--truento-text-hell: #6f6f6f;
	--truento-text-neutral: #707070;
	--truento-text-neutral-dunkel: #666666;
	--truento-text-footer: #d8d8d8;
	--truento-text-topbar: #f3f3f1;
	--truento-text-topbar-hover: #b9c5b8;

	/* Linien und Rahmen */
	--truento-linie: #e8e8e8;
	--truento-linie-mittel: #d6d6d6;
	--truento-linie-formular: #d8d8d6;
	--truento-linie-warm: #dddddb;
	--truento-linie-anthrazit-10: rgba(36, 40, 45, .10);
	--truento-linie-anthrazit-12: rgba(36, 40, 45, .12);
	--truento-linie-anthrazit-14: rgba(36, 40, 45, .14);
	--truento-linie-anthrazit-17: rgba(36, 40, 45, .17);
	--truento-linie-anthrazit-18: rgba(36, 40, 45, .18);
	--truento-linie-anthrazit-22: rgba(36, 40, 45, .22);
	--truento-linie-anthrazit-30: rgba(36, 40, 45, .30);
	--truento-anthrazit-04: rgba(36, 40, 45, .04);
	--truento-anthrazit-35: rgba(36, 40, 45, .35);

	/* Transparente Text- und Statusfarben */
	--truento-anthrazit-38: rgba(36, 40, 45, .38);
	--truento-anthrazit-55: rgba(36, 40, 45, .55);
	--truento-anthrazit-62: rgba(36, 40, 45, .62);
	--truento-anthrazit-70: rgba(36, 40, 45, .70);
	--truento-anthrazit-86: rgba(36, 40, 45, .86);

	/* Rot transparent */
	--truento-rot-25: rgba(201, 63, 75, .25);
	--truento-rot-35: rgba(201, 63, 75, .35);

	/* Weiß transparent */
	--truento-weiss-00: rgba(255, 255, 255, 0);
	--truento-weiss-36: rgba(255, 255, 255, .36);
	--truento-weiss-65: rgba(255, 255, 255, .65);
	--truento-weiss-68: rgba(255, 255, 255, .68);
	--truento-weiss-90: rgba(255, 255, 255, .90);
	--truento-weiss-95: rgba(255, 255, 255, .95);
	--truento-weiss-98: rgba(255, 255, 255, .98);
	--truento-weiss-100: rgba(255, 255, 255, 1);

	/* Schwarz transparent */
	--truento-schwarz: #000000;
	--truento-schwarz-04: rgba(0, 0, 0, .04);
	--truento-schwarz-08: rgba(0, 0, 0, .08);
	--truento-schwarz-12: rgba(0, 0, 0, .12);

	/* Inhaltsbreite */
	--truento-content-width: 1500px;

	/* Schriftfamilien */
	--truento-font-primary:
		"Figtree",
		Arial,
		"Helvetica",
		sans-serif;

	--truento-font-display:
		var(--truento-font-primary);

	--truento-font-heading:
		var(--truento-font-primary);

	--truento-font-card-price:
		var(--truento-font-primary);

	--truento-font-body:
		var(--truento-font-primary);

	--truento-font-navigation:
		var(--truento-font-body);

	--truento-font-button:
		var(--truento-font-body);

	--truento-font-price:
		var(--truento-font-body);

	/* Grundgrößen */
	--truento-font-size-body: 1rem;
	--truento-font-size-small: .875rem;

	/* Formen */
	--truento-radius-sm: 4px;
	--truento-radius: 10px;

	/* Schatten */
	--truento-shadow:
		0 8px 30px var(--truento-schwarz-08);

	/* Overlays für Warenkorb und Kundenkonto */
	--truento-overlay-background: rgba(20, 23, 26, .50);
	--truento-overlay-blur: .3px;

	/* Animationen */
	--truento-transition: .25s ease;

	/* Primäre Buttons */
	--truento-button-primary-background: var(--truento-rot);
	--truento-button-primary-color: var(--truento-weiss);
	--truento-button-primary-height: 52px;
	--truento-button-primary-border-width: 1px;
	--truento-button-primary-radius: var(--truento-radius-sm);
	--truento-button-primary-font-family: var(--truento-font-button);
	--truento-button-primary-font-size: 13px;
	--truento-button-primary-font-weight: 700;
	--truento-button-primary-letter-spacing: .03em;
	--truento-button-primary-hover-filter: brightness(.9);
}


/* =========================================================
   WOOCOMMERCE
   ========================================================= */

.woocommerce {
	--fs-color-primary:
		var(--truento-rot);
}