/*
 * Stonepack design tokens, lifted from the Adobe XD source file.
 * These mirror the Elementor kit global settings. Keep both in sync.
 */

:root {
	/* Brand colours */
	--sp-blue-900: #003A5F;   /* deepest blue, footer bar */
	--sp-blue-800: #004E7F;   /* primary, header bar, dark panels */
	--sp-blue-600: #0E7BC4;   /* buttons, mid cards */
	--sp-blue-300: #A9D2F2;   /* pale section ground */
	--sp-blue-100: #D7E9F9;   /* form fields, light cards */
	--sp-off-white: #FAF9F7;  /* page ground */
	--sp-white: #FFFFFF;
	--sp-black: #000000;

	/* Type families. Three families are in use across the XD file. */
	--sp-font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
	--sp-font-body: 'DM Sans', system-ui, sans-serif;
	--sp-font-accent: 'Poppins', system-ui, sans-serif;

	/* Type scale, normalised from the 18 sizes found in the XD file */
	--sp-text-xs: 0.8125rem;  /* 13 */
	--sp-text-sm: 1rem;       /* 16 */
	--sp-text-base: 1.1875rem;/* 19 */
	--sp-text-md: 1.375rem;   /* 22 */
	--sp-text-lg: 1.625rem;   /* 26 */
	--sp-text-xl: 1.875rem;   /* 30 */
	--sp-text-2xl: 2.625rem;  /* 42 */
	--sp-text-3xl: 2.8125rem; /* 45 */

	/* Radii */
	--sp-radius-sm: 12px;
	--sp-radius-md: 20px;
	--sp-radius-lg: 30px;
	--sp-radius-pill: 999px;

	/* Spacing */
	--sp-space-1: 8px;
	--sp-space-2: 16px;
	--sp-space-3: 24px;
	--sp-space-4: 40px;
	--sp-space-5: 64px;
	--sp-space-6: 96px;

	/* Layout. The XD artboards are 1920 wide with content inset. */
	--sp-container: 1520px;
	--sp-container-narrow: 1180px;

	/* Elevation */
	--sp-shadow-card: 0 10px 30px rgba(0, 58, 95, 0.12);
}