/* GENERATED from design/tokens.json by design/build.php (format sparked-design-tokens/1). Do not edit: change the tokens and run the build. */
:root {
	--sparked-ink: #24202B;
	--sparked-ink-soft: #534E59;
	--sparked-paper: #FFFCF3;
	--sparked-paper-deep: #D2CCD7;
	--sparked-card: #FFFCF3;
	--sparked-line: #A69FAA;
	--sparked-white: #FFFFFF;
	--sparked-border: #736C79;
	--sparked-gold-base: #FFA400;
	--sparked-gold-light: #FFF0BF;
	--sparked-gold-dark: #784900;
	--sparked-coral-base: #D05559;
	--sparked-coral-light: #F9E1E2;
	--sparked-coral-dark: #6D2029;
	--sparked-peacock-base: #218C91;
	--sparked-peacock-light: #DDF3F2;
	--sparked-peacock-dark: #104A52;
	--sparked-plum-base: #BB739A;
	--sparked-plum-light: #F8E6F0;
	--sparked-plum-dark: #592440;
	--sparked-leaf-base: #70AD47;
	--sparked-leaf-light: #EDF6E5;
	--sparked-leaf-dark: #31551A;
	--sparked-cobalt-base: #3165C5;
	--sparked-cobalt-light: #E5EDFF;
	--sparked-cobalt-dark: #16366F;
	--sparked-orchid-base: #956BC1;
	--sparked-orchid-light: #F1E8FA;
	--sparked-orchid-dark: #492967;
	--sparked-sky-base: #64B5D8;
	--sparked-sky-light: #E9F7FC;
	--sparked-sky-dark: #164968;
	--sparked-gold-text: var(--sparked-ink);
	--sparked-plum-text: var(--sparked-ink);
	--sparked-leaf-text: var(--sparked-ink);
	--sparked-cobalt-text: var(--sparked-paper);
	--sparked-sky-text: var(--sparked-ink);
	--sparked-status-error-dark: #9B2546;
	--sparked-status-error-light: #FCE8EE;
	--sparked-status-success-dark: #205C40;
	--sparked-status-success-light: #E6F5EB;
	--sparked-status-warning-dark: #805400;
	--sparked-status-warning-light: #FFF1CC;
	--sparked-status-info-dark: #235B88;
	--sparked-status-info-light: #E5F2FC;
	--sparked-role-primary: var(--sparked-coral-dark);
	--sparked-role-link: var(--sparked-cobalt-dark);
	--sparked-role-link-hover: var(--sparked-coral-dark);
	--sparked-role-focus: var(--sparked-cobalt-dark);
	--sparked-role-body: var(--sparked-ink);
	--sparked-role-body-bg: var(--sparked-paper);
	--sparked-role-muted: var(--sparked-ink-soft);
	--sparked-role-primary-hover: var(--sparked-plum-dark);
	--sparked-role-on-primary: var(--sparked-paper);
	--sparked-role-border: var(--sparked-border);
	--sparked-font-display: Comfortaa, "Trebuchet MS", system-ui, sans-serif;
	--sparked-font-body: "Hanken Grotesk", "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	--sparked-font-size-small: 0.875rem;
	--sparked-font-size-base: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.208), 1.125rem);
	--sparked-font-size-base-min: 1rem;
	--sparked-font-size-base-max: 1.125rem;
	--sparked-font-size-lead: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.208), 1.25rem);
	--sparked-font-size-lead-min: 1.125rem;
	--sparked-font-size-lead-max: 1.25rem;
	--sparked-font-size-subhead: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.417), 1.375rem);
	--sparked-font-size-subhead-min: 1.125rem;
	--sparked-font-size-subhead-max: 1.375rem;
	--sparked-font-size-heading: clamp(1.375rem, 1.375rem + ((1vw - 0.2rem) * 0.625), 1.75rem);
	--sparked-font-size-heading-min: 1.375rem;
	--sparked-font-size-heading-max: 1.75rem;
	--sparked-font-size-title: clamp(1.65rem, 1.65rem + ((1vw - 0.2rem) * 1.75), 2.7rem);
	--sparked-font-size-title-min: 1.65rem;
	--sparked-font-size-title-max: 2.7rem;
	--sparked-font-size-headline: clamp(2.25rem, 2.25rem + ((1vw - 0.2rem) * 2.75), 3.9rem);
	--sparked-font-size-headline-min: 2.25rem;
	--sparked-font-size-headline-max: 3.9rem;
	--sparked-font-size-display: clamp(2.75rem, 2.75rem + ((1vw - 0.2rem) * 3.75), 5rem);
	--sparked-font-size-display-min: 2.75rem;
	--sparked-font-size-display-max: 5rem;
	--sparked-space-10: 0.5rem;
	--sparked-space-20: 1rem;
	--sparked-space-30: 1.5rem;
	--sparked-space-40: clamp(2rem, 4vw, 3rem);
	--sparked-space-50: clamp(3rem, 6vw, 4rem);
	--sparked-space-60: clamp(4rem, 8vw, 6rem);
	--sparked-shadow-soft: 0 1px 2px rgba(36, 32, 43, 0.06), 0 4px 12px rgba(36, 32, 43, 0.06);
	--sparked-shadow-lift: 0 7px 17px rgba(36, 32, 43, 0.14);
	--sparked-radius-small: 0.75rem;
	--sparked-radius-medium: 1.75rem;
	--sparked-radius-large: 3.5rem;
	--sparked-radius-xlarge: 4.5rem;
	--sparked-radius-pill: 999px;
	--sparked-blob-one: 62% 38% 46% 54% / 55% 44% 56% 45%;
	--sparked-blob-two: 41% 59% 58% 42% / 47% 60% 40% 53%;
	--sparked-blob-three: 55% 45% 38% 62% / 60% 42% 58% 40%;
	--sparked-line-height-tight: 1.12;
	--sparked-line-height-heading: 1.2;
	--sparked-line-height-body: 1.55;
	--sparked-layout-content: 42rem;
	--sparked-layout-wide: 80rem;
}