/**
 * Kwik Blocks — global design tokens.
 *
 * Generated from design-tokens/tokens.json. Do not edit by hand.
 * Loaded on both the front end and the editor.
 */

:root {
	--kwik-red: #cc3333;
	--kwik-orange: #e6883c;
	--kwik-yellow: #f3bb4b;
	--kwik-green: #78b957;
	--kwik-blue: #459bd7;
	--kwik-purple: #8b4393;
	--kwik-red-soft: #dda7a4;
	--kwik-orange-soft: #ebc5a2;
	--kwik-yellow-soft: #f4deac;
	--kwik-green-soft: #c1dbaf;
	--kwik-blue-soft: #abcce8;
	--kwik-purple-soft: #bfa2c6;
	--kwik-cream: #fef6e3;
	--kwik-ink: #1c1a1c;
	--kwik-muted: #6b6a6b;
	--kwik-white: #ffffff;
	--kwik-black: #000000;
	--kwik-success: var(--kwik-green);
	--kwik-error: var(--kwik-red);
	--kwik-warning: var(--kwik-orange);
	--kwik-accent: var(--kwik-blue);
	--kwik-font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--kwik-font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--kwik-weight-heading: 800;
	--kwik-weight-subhead: 600;
	--kwik-weight-body: 500;
	--kwik-text-xs: 0.75rem;
	--kwik-text-sm: 0.875rem;
	--kwik-text-md: 1rem;
	--kwik-text-lg: 1.25rem;
	--kwik-text-xl: 1.75rem;
	--kwik-text-2xl: 2.5rem;
	--kwik-text-3xl: 3.5rem;
	--kwik-space-xs: 8px;
	--kwik-space-sm: 16px;
	--kwik-space-md: 24px;
	--kwik-space-lg: 40px;
	--kwik-space-xl: 64px;
	--kwik-radius-sm: 8px;
	--kwik-radius-md: 14px;
	--kwik-radius-lg: 20px;
	--kwik-shadow-sm: 0 1px 2px rgb(28 26 28 / 0.12);
	--kwik-shadow-md: 0 4px 12px rgb(28 26 28 / 0.16);
	--kwik-shadow-lg: 0 12px 32px rgb(28 26 28 / 0.20);
	--kwik-motion-duration-fast: 120ms;
	--kwik-motion-duration-base: 200ms;
	--kwik-motion-duration-slow: 320ms;
	--kwik-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}

@media ( prefers-reduced-motion: reduce ) {
\t:root {
		--kwik-motion-duration-fast: 0ms;
		--kwik-motion-duration-base: 0ms;
		--kwik-motion-duration-slow: 0ms;
\t}
}

/* WordPress preset colour classes backing the registered Kwik palette. */
.has-kwik-red-color { color: var(--kwik-red) !important; }
.has-kwik-red-background-color { background-color: var(--kwik-red) !important; }
.has-kwik-red-border-color { border-color: var(--kwik-red) !important; }
.has-kwik-orange-color { color: var(--kwik-orange) !important; }
.has-kwik-orange-background-color { background-color: var(--kwik-orange) !important; }
.has-kwik-orange-border-color { border-color: var(--kwik-orange) !important; }
.has-kwik-yellow-color { color: var(--kwik-yellow) !important; }
.has-kwik-yellow-background-color { background-color: var(--kwik-yellow) !important; }
.has-kwik-yellow-border-color { border-color: var(--kwik-yellow) !important; }
.has-kwik-green-color { color: var(--kwik-green) !important; }
.has-kwik-green-background-color { background-color: var(--kwik-green) !important; }
.has-kwik-green-border-color { border-color: var(--kwik-green) !important; }
.has-kwik-blue-color { color: var(--kwik-blue) !important; }
.has-kwik-blue-background-color { background-color: var(--kwik-blue) !important; }
.has-kwik-blue-border-color { border-color: var(--kwik-blue) !important; }
.has-kwik-purple-color { color: var(--kwik-purple) !important; }
.has-kwik-purple-background-color { background-color: var(--kwik-purple) !important; }
.has-kwik-purple-border-color { border-color: var(--kwik-purple) !important; }
.has-kwik-red-soft-color { color: var(--kwik-red-soft) !important; }
.has-kwik-red-soft-background-color { background-color: var(--kwik-red-soft) !important; }
.has-kwik-orange-soft-color { color: var(--kwik-orange-soft) !important; }
.has-kwik-orange-soft-background-color { background-color: var(--kwik-orange-soft) !important; }
.has-kwik-yellow-soft-color { color: var(--kwik-yellow-soft) !important; }
.has-kwik-yellow-soft-background-color { background-color: var(--kwik-yellow-soft) !important; }
.has-kwik-green-soft-color { color: var(--kwik-green-soft) !important; }
.has-kwik-green-soft-background-color { background-color: var(--kwik-green-soft) !important; }
.has-kwik-blue-soft-color { color: var(--kwik-blue-soft) !important; }
.has-kwik-blue-soft-background-color { background-color: var(--kwik-blue-soft) !important; }
.has-kwik-purple-soft-color { color: var(--kwik-purple-soft) !important; }
.has-kwik-purple-soft-background-color { background-color: var(--kwik-purple-soft) !important; }
.has-kwik-cream-color { color: var(--kwik-cream) !important; }
.has-kwik-cream-background-color { background-color: var(--kwik-cream) !important; }
.has-kwik-ink-color { color: var(--kwik-ink) !important; }
.has-kwik-ink-background-color { background-color: var(--kwik-ink) !important; }