/* Legacy variable bridge for the gillrath web components (brick card, modal, wishlist, sliders).
   They read these names; values come from the Divi design system with literal fallbacks,
   because Divi only prints the :root tokens a page actually references. */
:root {
	--maroon: var(--gcid-primary-color, #94004a);
	--lightBordeaux: var(--gcid-secondary-color, #ab1254);
	--white: var(--gcid-gill-white, #fff);
	--black: #000;
	--lightGrey: var(--gcid-gill-grey-light, #d9dada);
	--lightestGrey: var(--gcid-gill-grey-lightest, #e9e9e9);
	--darkGrey: var(--gcid-gill-grey-dark, #484847);
	--fontSize: var(--gvid-gill-fs, clamp(16px, 1.2vw, 22px));
	--fontSizeSmall: var(--gvid-gill-fs-s, clamp(13px, 1vw, 18px));
	--fontSizeBiggest: clamp(20px, 2.6vw, 50px);
	--lineHeightFactor: 1.7;
	--gap: var(--gvid-gill-gap, 1.3542%);
	--gapY: calc(1em * 1.7);
	--jennyCaps: "Jenny Caps", "Jenny", Georgia, serif;
	--jennyKursif: "Jenny Kursif", "Jenny", Georgia, serif;
	--brickBackground: #000;
	--brickFontColor: #fff;
	/* filter + cards (values measured on live gillrath.de /produkte/ + /objekte/, 2026-10-07) */
	--fontFamily: "Gillrath Sans", "Monsal", "Merriweather Sans", Arial, sans-serif;
	--fontSizeBig: 34px;
	--fontSizeSmallest: 12px;
	--dark: #000;
	--brickSelectedColor: #fff;
	--brickDeselectedColor: #999;
	--objectBackground: #fff;
	--objectFontColor: #000;
	--objectSelectedColor: #000;
	--objectDeselectedColor: #999;
	--colorSelected: #000;
	--colorDeselected: #999;
	--selectTransform: uppercase;
	--selectLetterspacing: 0.07em;
	--selectWeight: normal;
	--gridTemplateColumns: repeat(auto-fill, minmax(400px, 1fr)); /* cards of "used in" lists */
}
@media (max-width: 480px) { :root { --gridTemplateColumns: repeat(auto-fill, minmax(200px, 1fr)); } }
/* live keeps the filter/card small text at a flat 16px (the site-wide small token is 0.833 × body) */
#gill-references-and-products, .gill-filter-sheet { --fontSizeSmall: 16px; }