/**
 * ENI Labs — Design Tokens
 *
 * Single source of truth for colour, typography, spacing, radii and
 * shadow values. Mirrors the palette from the original static site
 * (enilabs.eu HTML build) so the WordPress theme and Elementor's
 * global Site Settings stay visually identical to it.
 *
 * Elementor's own colour/typography pickers are configured (via
 * theme.json and inc/elementor.php) to read from this same palette,
 * so editors choosing "Primary" in the Elementor UI get this green,
 * not an arbitrary hex value.
 *
 * Do not hardcode colour/spacing values elsewhere in theme CSS —
 * reference these custom properties instead.
 */

:root {
	/* Colour — brand */
	--enilabs-green: #2c98b1;
	--enilabs-green-600: #25839a;
	--enilabs-green-700: #1e6f83;
	--enilabs-green-900: #0f3a44;
	--enilabs-mint: #e6f3f6;
	--enilabs-mint-2: #cfe7ec;

	/* Colour — neutrals */
	--enilabs-ink: #0c1f1a;
	--enilabs-muted: #5c6f69;
	--enilabs-line: #e4ece9;
	--enilabs-white: #ffffff;
	--enilabs-bg: #f7fbf9;
	--enilabs-amber: #e9b466;

	/* Elevation — tinted from --enilabs-green-900 (#0f3a44 = rgb(15,58,68)) */
	--enilabs-shadow: 0 20px 60px -22px rgba(15, 58, 68, 0.35);
	--enilabs-shadow-sm: 0 8px 24px -14px rgba(15, 58, 68, 0.35);

	/* Shape */
	--enilabs-radius-sm: 8px;
	--enilabs-radius: 18px;
	--enilabs-radius-lg: 26px;

	/* Layout */
	--enilabs-maxw: 1160px;

	/* Typography */
	--enilabs-font-heading: 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
	--enilabs-font-body: 'Inter', system-ui, -apple-system, sans-serif;

	/* Spacing scale (used by custom widgets; Elementor containers use their own controls) */
	--enilabs-space-xs: 8px;
	--enilabs-space-sm: 14px;
	--enilabs-space-md: 24px;
	--enilabs-space-lg: 44px;
	--enilabs-space-xl: 72px;
}