/* Generated by bin/generate-tokens.php from tokens.json (wp-ui tokens); do not edit. */

:root {
	--bp-color-background: #f0f0f0;
	--bp-color-surface: #ffffff;
	--bp-color-surface-alt: #f6f7f7;
	--bp-color-text: #1e1e1e;
	--bp-color-text-secondary: #5d5d5d;
	--bp-color-text-muted: #757575;
	--bp-color-divider: rgba(0, 0, 0, 0.1);
	--bp-color-border-control: #949494;
	--bp-color-action: #3858e9;
	--bp-color-action-hover: #2145e6;
	--bp-color-action-tint: rgba(56, 88, 233, 0.08);
	--bp-color-on-action: #ffffff;
	--bp-color-focus: #4465db;
	--bp-color-backdrop: rgba(0, 0, 0, 0.35);
	--bp-tone-success-mark: #4ab866;
	--bp-tone-success-text: #007017;
	--bp-tone-success-bg: #eff9f1;
	--bp-tone-warning-mark: #f0b849;
	--bp-tone-warning-text: #996800;
	--bp-tone-warning-bg: #fef8ee;
	--bp-tone-danger-mark: #cc1818;
	--bp-tone-danger-text: #cc1818;
	--bp-tone-danger-bg: #fcf0f0;
	--bp-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--bp-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--bp-text-xs: 11px;
	--bp-text-s: 12px;
	--bp-text-m: 13px;
	--bp-text-l: 15px;
	--bp-text-body: 16px;
	--bp-space-1: 4px;
	--bp-space-2: 8px;
	--bp-space-3: 12px;
	--bp-space-4: 16px;
	--bp-space-5: 20px;
	--bp-space-6: 24px;
	--bp-space-8: 32px;
	--bp-space-12: 48px;
	--bp-control-height: 40px;
	--bp-control-height-compact: 36px;
	--bp-control-height-touch: 48px;
	--bp-radius-s: 2px;
	--bp-radius-m: 4px;
	--bp-radius-l: 8px;
	--bp-radius-full: 9999px;
	--bp-shadow-raised: 0 16px 16px rgba(0, 0, 0, 0.02), 0 4px 5px rgba(0, 0, 0, 0.03), 0 2px 3px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.08);
	--bp-shadow-sheet: 0 50px 43px rgba(0, 0, 0, 0.02), 0 30px 36px rgba(0, 0, 0, 0.04), 0 15px 27px rgba(0, 0, 0, 0.07), 0 5px 15px rgba(0, 0, 0, 0.08);
	--bp-shadow-thumb: 0 1px 3px rgba(0, 0, 0, 0.25);
	--bp-duration-fast: 150ms;
	--bp-duration-base: 200ms;
	--bp-duration-slow: 250ms;
	--bp-ease-out: ease;
	--bp-ease-spring: cubic-bezier(0.3, 0.7, 0.4, 1.3);
}

/* In wp-admin the action colour is the user's admin colour scheme. */
body.wp-admin {
	--bp-color-action: var(--wp-admin-theme-color, #3858e9);
	--bp-color-action-hover: var(--wp-admin-theme-color-darker-10, #2145e6);
	--bp-color-action-tint: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.08);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--bp-duration-fast: 0s;
		--bp-duration-base: 0s;
		--bp-duration-slow: 0s;
	}
}