/*
 * GENERATED by design/tools/sync_theme_json.py from design/system/tokens.json.
 * Do not edit: change the tokens and run the script (CI checks it with --check).
 *
 * The design system's names (design/system/tokens.css) as aliases of the
 * variables WordPress generates from theme.json, so components.css rules
 * port to the theme unchanged. These names are internal to the theme; other
 * components use the --wp--preset--* and --wp--custom--* variables (F-0006).
 */
:root {
	/* Colour: settings.color.palette */
	--color-primary: var(--wp--preset--color--primary);
	--color-primary-strong: var(--wp--preset--color--primary-strong);
	--color-primary-soft: var(--wp--preset--color--primary-soft);
	--color-purple: var(--wp--preset--color--purple);
	--color-green: var(--wp--preset--color--green);
	--color-apricot: var(--wp--preset--color--apricot);
	--color-yellow: var(--wp--preset--color--yellow);
	--color-sky: var(--wp--preset--color--sky);
	--color-purple-tint: var(--wp--preset--color--purple-tint);
	--color-green-tint: var(--wp--preset--color--green-tint);
	--color-apricot-tint: var(--wp--preset--color--apricot-tint);
	--color-yellow-tint: var(--wp--preset--color--yellow-tint);
	--color-sky-tint: var(--wp--preset--color--sky-tint);
	--color-base: var(--wp--preset--color--base);
	--color-surface: var(--wp--preset--color--surface);
	--color-contrast: var(--wp--preset--color--contrast);
	--color-muted: var(--wp--preset--color--muted);
	--color-border: var(--wp--preset--color--border);
	--color-border-strong: var(--wp--preset--color--border-strong);
	--color-inverse: var(--wp--preset--color--inverse);
	--color-inverse-muted: var(--wp--preset--color--inverse-muted);
	--color-focus: var(--wp--preset--color--focus);
	--color-focus-inverse: var(--wp--preset--color--focus-inverse);
	--color-error: var(--wp--preset--color--error);
	/* Type: settings.typography.fontFamilies and fontSizes */
	--font-sans: var(--wp--preset--font-family--sans);
	--fs-small: var(--wp--preset--font-size--small);
	--fs-base: var(--wp--preset--font-size--base);
	--fs-medium: var(--wp--preset--font-size--medium);
	--fs-large: var(--wp--preset--font-size--large);
	--fs-x-large: var(--wp--preset--font-size--x-large);
	--fs-xx-large: var(--wp--preset--font-size--xx-large);
	--fs-display: var(--wp--preset--font-size--display);
	/* Spacing: settings.spacing.spacingSizes */
	--space-10: var(--wp--preset--spacing--10);
	--space-20: var(--wp--preset--spacing--20);
	--space-30: var(--wp--preset--spacing--30);
	--space-40: var(--wp--preset--spacing--40);
	--space-50: var(--wp--preset--spacing--50);
	--space-60: var(--wp--preset--spacing--60);
	--space-70: var(--wp--preset--spacing--70);
	--space-80: var(--wp--preset--spacing--80);
	--space-90: var(--wp--preset--spacing--90);
	--space-100: var(--wp--preset--spacing--100);
	/* Layout: settings.layout */
	--content-width: var(--wp--style--global--content-size);
	--wide-width: var(--wp--style--global--wide-size);
	/* Custom: settings.custom */
	--font-weight-regular: var(--wp--custom--font-weight--regular);
	--font-weight-semibold: var(--wp--custom--font-weight--semibold);
	--font-weight-bold: var(--wp--custom--font-weight--bold);
	--line-height-body: var(--wp--custom--line-height--body);
	--line-height-heading: var(--wp--custom--line-height--heading);
	--line-height-display: var(--wp--custom--line-height--display);
	--letter-spacing-display: var(--wp--custom--letter-spacing--display);
	--letter-spacing-heading: var(--wp--custom--letter-spacing--heading);
	--letter-spacing-label: var(--wp--custom--letter-spacing--label);
	--letter-spacing-eyebrow: var(--wp--custom--letter-spacing--eyebrow);
	--measure: var(--wp--custom--measure);
	--article-width: var(--wp--custom--article-width);
	--gutter: var(--wp--custom--gutter);
	--breakpoint-sm: var(--wp--custom--breakpoint--sm);
	--breakpoint-md: var(--wp--custom--breakpoint--md);
	--breakpoint-nav: var(--wp--custom--breakpoint--nav);
	--breakpoint-lg: var(--wp--custom--breakpoint--lg);
	--breakpoint-xl: var(--wp--custom--breakpoint--xl);
	--radius-s: var(--wp--custom--radius--s);
	--radius-m: var(--wp--custom--radius--m);
	--radius-pill: var(--wp--custom--radius--pill);
	--radius-leaf: var(--wp--custom--radius--leaf);
	--radius-leaf-l: var(--wp--custom--radius--leaf-l);
	--radius-leaf-xl: var(--wp--custom--radius--leaf-xl);
	--ratio-card: var(--wp--custom--ratio--card);
	--ratio-media: var(--wp--custom--ratio--media);
	--ratio-article: var(--wp--custom--ratio--article);
	--ratio-hero: var(--wp--custom--ratio--hero);
	--ratio-portrait: var(--wp--custom--ratio--portrait);
	--stripe-height: var(--wp--custom--stripe--height);
	--stripe-brand: var(--wp--custom--stripe--brand);
	--z-index-floating: var(--wp--custom--z-index--floating);
	--focus-width: var(--wp--custom--focus--width);
	--focus-offset: var(--wp--custom--focus--offset);
	--duration-fast: var(--wp--custom--duration--fast);
	--duration-slow: var(--wp--custom--duration--slow);
	--duration-entrance: var(--wp--custom--duration--entrance);
	--ease-out: var(--wp--custom--ease--out);
}