/*
 * Design tokens, mapped onto the theme's own globals.
 *
 * The earlier version hardcoded Arial and a fixed palette, which is why
 * these blocks looked like a different site. Everything here now defers to
 * Kadence's variables, with the design system's values only as fallbacks
 * for when the theme is not present.
 */

:root {
	/* Colour: Kadence's palette first */
	--purple-900: var(--global-palette3, #2B0854);
	--purple-700: var(--global-palette2, #40126B);
	--lavender: var(--global-palette5, #B9A9FC);
	--surface: var(--global-palette8, #FFFFFF);
	--surface-tint: var(--global-palette7, #F6F5FC);
	--ink: var(--global-palette2, #40126B);
	--ink-muted: var(--global-palette6, #9E9AB5);
	--gray-200: var(--global-palette4, #9252F7);
	--on-purple: var(--global-palette8, #FFFFFF);

	/* Status colours have no theme equivalent */
	--blue-primary: #156082;
	--blue-deep: #1C4992;
	--navy: #0E2841;
	--orange: var(--global-palette1, #E97132);

	/*
	 * Type is NOT set here. Headings inherit the theme's utile-display and
	 * body text its tenon, which is what makes these pages look like the
	 * rest of the site.
	 */

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;

	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-full: 999px;

	--focus-ring: 0 0 0 2px var(--global-palette8, #fff), 0 0 0 4px var(--global-palette2, #1C4992);
}