/*
 * Design tokens for the child theme's own pages. The only file allowed raw hex
 * or px values; tools/raw-values.sh enforces that everywhere else.
 *
 * Every value is copied from the puyenpa rebuild's generated tokens.css (taken
 * from the live site), under the same names, so the page ports into the
 * rebuild unchanged.
 */

:root {
	--font-heading: "Titillium Web", sans-serif;
	--font-body: "Raleway", sans-serif;

	--color-white: #ffffff;
	--color-grey: #85949f;
	--color-grey-dark: #3a444c;
	--color-grey-light: #e7ebef;
	--color-grey-35: #54595f;
	--color-grey-48: #7a7a7a;
	--color-teal-66: #6ec1e4;

	--fw-500: 500;
	--fw-600: 600;
	--fw-400: 400;

	--fs-16: 16px;
	--fs-18: 18px;
	--fs-25: 25px;
	--fs-30: 30px;
	--fs-38: 38px;
	--fs-45: 45px;
	--lh-15: 15px;
	--lh-18-8: 18.8px;
	--lh-24: 24px;
	--lh-26: 26px;
	--lh-30: 30px;
	--lh-34-2: 34.2px;
	--lh-45: 45px;

	--space-2: 2px;
	--space-4: 4px;
	--space-10: 10px;
	--space-12: 12px;
	--space-20: 20px;
	--space-24: 24px;
	--space-25: 25px;
	--space-35: 35px;
	--space-48: 48px;
	--space-64: 64px;
	--space-96: 96px;
	--space-144: 144px;
	--space-192: 192px;

	/* Our Companies' column: Elementor boxes it as min(100%, 1200px). */
	--page-max: 1200px;
	--logo-max: 250px;
	/* Keeps square seals (MDA) from outweighing the wide marks. */
	--logo-max-h: 160px;
	/* Narrowest contract column before the list drops to one column. */
	--contract-min: 352px;
}