:root {
	--spectra-neutral-0: #ffffff;
	--spectra-neutral-1: #f0f1f1;
	--spectra-neutral-2: #d4d5d8;
	--spectra-neutral-3: #abacb3;
	--spectra-neutral-4: #767884;
	--spectra-neutral-5: #464757;
	--spectra-neutral-6: #1b1c2e;
	--spectra-neutral-7: #09081b;
	--spectra-chromatic1-1: #f5f6fe;
	--spectra-chromatic1-2: #e3e5ff;
	--spectra-chromatic1-3: #c8caff;
	--spectra-chromatic1-4: #a7a5ff;
	--spectra-chromatic1-5: #887efd;
	--spectra-chromatic1-6: #6e51f9;
	--spectra-chromatic1-7: #6431f6;
	--spectra-chromatic1-8: #5a2cdd;
	--spectra-chromatic1-9: #4622ac;
	--spectra-chromatic1-10: #32197b;
	--spectra-chromatic1-11: #1e0f4a;
	--spectra-chromatic2-1: #f7f7fe;
	--spectra-chromatic2-2: #e6e6ff;
	--spectra-chromatic2-3: #cfcdff;
	--spectra-chromatic2-4: #b1aaff;
	--spectra-chromatic2-5: #9686fd;
	--spectra-chromatic2-6: #7d5ef9;
	--spectra-chromatic2-7: #7345f7;
	--spectra-chromatic2-8: #683ede;
	--spectra-chromatic2-9: #5130ad;
	--spectra-chromatic2-10: #3a237c;
	--spectra-chromatic2-11: #23154a;
	--spectra-chromatic3-1: #fffbf4;
	--spectra-chromatic3-2: #fff1e1;
	--spectra-chromatic3-3: #fee3c3;
	--spectra-chromatic3-4: #fcd09c;
	--spectra-chromatic3-5: #fabd71;
	--spectra-chromatic3-6: #f7a83d;
	--spectra-chromatic3-7: #f59e0b;
	--spectra-chromatic3-8: #dd8e0a;
	--spectra-chromatic3-9: #ac6f08;
	--spectra-chromatic3-10: #7b4f06;
	--spectra-chromatic3-11: #4a2f03;
	--spectra-chromatic4-1: #f6fcf7;
	--spectra-chromatic4-2: #e3f5ea;
	--spectra-chromatic4-3: #c7ebd7;
	--spectra-chromatic4-4: #a1ddbe;
	--spectra-chromatic4-5: #77cfa5;
	--spectra-chromatic4-6: #43c08d;
	--spectra-chromatic4-7: #10b981;
	--spectra-chromatic4-8: #0ea774;
	--spectra-chromatic4-9: #0b825a;
	--spectra-chromatic4-10: #085d41;
	--spectra-chromatic4-11: #053827;
	--spectra-chromatic5-1: #fff7f5;
	--spectra-chromatic5-2: #ffe7e3;
	--spectra-chromatic5-3: #ffcdc8;
	--spectra-chromatic5-4: #ffaaa2;
	--spectra-chromatic5-5: #fb857d;
	--spectra-chromatic5-6: #f45c58;
	--spectra-chromatic5-7: #ef4444;
	--spectra-chromatic5-8: #d73d3d;
	--spectra-chromatic5-9: #a73030;
	--spectra-chromatic5-10: #782222;
	--spectra-chromatic5-11: #481414;
	--spectra-chromatic6-1: #f8f8fe;
	--spectra-chromatic6-2: #ebe8fe;
	--spectra-chromatic6-3: #d8d1ff;
	--spectra-chromatic6-4: #c0b2fd;
	--spectra-chromatic6-5: #aa92fb;
	--spectra-chromatic6-6: #956ff8;
	--spectra-chromatic6-7: #8b5cf6;
	--spectra-chromatic6-8: #7d53dd;
	--spectra-chromatic6-9: #6140ac;
	--spectra-chromatic6-10: #462e7b;
	--spectra-chromatic6-11: #2a1c4a;
	--spectra-chromatic7-1: #fef9f3;
	--spectra-chromatic7-2: #fbebde;
	--spectra-chromatic7-3: #f7d7be;
	--spectra-chromatic7-4: #f0bc94;
	--spectra-chromatic7-5: #e7a169;
	--spectra-chromatic7-6: #de8536;
	--spectra-chromatic7-7: #d97706;
	--spectra-chromatic7-8: #c36b05;
	--spectra-chromatic7-9: #985304;
	--spectra-chromatic7-10: #6d3c03;
	--spectra-chromatic7-11: #412402;
	--spectra-white: #ffffff;
	--spectra-transparent: transparent;
	--spectra-opacity-dark-5: rgba(9, 8, 27, 0.05);
	--spectra-opacity-dark-10: rgba(9, 8, 27, 0.1);
	--spectra-opacity-dark-15: rgba(9, 8, 27, 0.15);
	--spectra-opacity-dark-20: rgba(9, 8, 27, 0.2);
	--spectra-opacity-dark-30: rgba(9, 8, 27, 0.3);
	--spectra-opacity-dark-40: rgba(9, 8, 27, 0.4);
	--spectra-opacity-dark-50: rgba(9, 8, 27, 0.5);
	--spectra-opacity-dark-60: rgba(9, 8, 27, 0.6);
	--spectra-opacity-light-5: rgba(255, 255, 255, 0.05);
	--spectra-opacity-light-10: rgba(255, 255, 255, 0.1);
	--spectra-opacity-light-15: rgba(255, 255, 255, 0.15);
	--spectra-opacity-light-20: rgba(255, 255, 255, 0.2);
	--spectra-opacity-light-30: rgba(255, 255, 255, 0.3);
	--spectra-opacity-light-40: rgba(255, 255, 255, 0.4);
	--spectra-opacity-light-50: rgba(255, 255, 255, 0.5);
	--spectra-opacity-light-60: rgba(255, 255, 255, 0.6);
	--spectra-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
	--spectra-shadow-md: 0 2px 8px rgba(0,0,0,0.05);
	--spectra-shadow-lg: 0 4px 16px rgba(0,0,0,0.06);
	--spectra-radius-interactive: 8px;
	--spectra-radius-badge: 6px;
	--spectra-radius-input: 8px;
	--spectra-radius-card: 12px;
	--spectra-radius-image: 8px;
	--spectra-btn-bg: var(--wp--preset--color--primary);
	--spectra-btn-text: var(--wp--preset--color--background);
	--spectra-btn-border-color: transparent;
	--spectra-btn-border-width: 0px;
	--spectra-btn-border-style: none;
	--spectra-btn-shadow: none;
	--spectra-btn-secondary-bg: transparent;
	--spectra-btn-secondary-text: var(--wp--preset--color--primary);
	--spectra-btn-secondary-border-color: var(--wp--preset--color--primary);
	--spectra-btn-secondary-border-width: 1.5px;
	--spectra-btn-secondary-border-style: solid;
	--spectra-card-bg: transparent;
	--spectra-card-border-color: transparent;
	--spectra-card-border-width: 0px;
	--spectra-card-border-style: none;
	--spectra-card-shadow: none;
	--spectra-space-xs: 0.5rem;
	--spectra-space-sm: 1rem;
	--spectra-space-md: 1.5rem;
	--spectra-space-lg: 2.5rem;
	--spectra-space-xl: 4rem;
	--spectra-space-2xl: 6rem;
	--spectra-text-xs: 0.75rem;
	--spectra-text-sm: 0.875rem;
	--spectra-text-md: 1rem;
	--spectra-text-lg: 1.125rem;
	--spectra-text-xl: 1.25rem;
	--spectra-text-2xl: 1.5rem;
	--spectra-text-3xl: 1.875rem;
	--spectra-text-4xl: 2.25rem;
	--spectra-text-5xl: 3rem;
	--spectra-text-6xl: 3.75rem;
	--spectra-text-7xl: 4.5rem;
	--spectra-text-8xl: 6rem;
	--spectra-text-9xl: 8rem;
	--spectra-heading-1: 2.25rem;
	--spectra-heading-2: 1.875rem;
	--spectra-heading-3: 1.5rem;
	--spectra-heading-4: 1.25rem;
	--spectra-heading-5: 1.125rem;
	--spectra-heading-6: 1rem;
	--spectra-section-padding-y: 3.5rem;
	--spectra-section-gap: 2rem;
	--spectra-content-max-width: 1200px;
	--spectra-card-padding: 2rem;
	--spectra-card-gap: 1.25rem;
	--spectra-input-bg: var(--wp--preset--color--background);
	--spectra-input-text: var(--spectra-neutral-7);
	--spectra-input-border-color: var(--wp--preset--color--outline);
	--spectra-input-border-width: 1px;
	--spectra-input-border-style: solid;
	--spectra-input-placeholder: var(--spectra-opacity-dark-40);
	--spectra-input-focus-border: var(--wp--preset--color--primary);
	--spectra-input-focus-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 15%, transparent);
	--spectra-badge-bg: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
	--spectra-badge-text: var(--wp--preset--color--primary);
	--spectra-badge-border-color: transparent;
	--spectra-badge-border-width: 0px;
	--spectra-badge-font-size: 0.75rem;
	--spectra-badge-font-weight: 600;
	--spectra-badge-letter-spacing: 0.05em;
	--spectra-badge-text-transform: uppercase;
	--spectra-badge-padding-x: 0.75em;
	--spectra-badge-padding-y: 0.25em;
	--spectra-link-color: var(--wp--preset--color--primary);
	--spectra-link-decoration: none;
	--spectra-link-hover-color: var(--wp--preset--color--secondary);
	--spectra-link-hover-decoration: underline;
	--spectra-image-overlay: none;
	--spectra-image-filter: none;
	--spectra-image-border: none;
	--spectra-btn-hover-bg: color-mix(in srgb, var(--spectra-btn-bg) 90%, black);
	--spectra-btn-hover-text: var(--spectra-btn-text);
	--spectra-btn-hover-shadow: var(--spectra-shadow-sm);
	--spectra-btn-hover-translate-y: -1px;
	--spectra-card-hover-shadow: var(--spectra-shadow-md);
	--spectra-card-hover-translate-y: -2px;
	--spectra-dark-card-bg: color-mix(in srgb, var(--spectra-white) 8%, transparent);
	--spectra-dark-card-border-color: var(--spectra-opacity-light-10);
	--spectra-dark-card-shadow: none;
	--spectra-dark-btn-bg: var(--spectra-white);
	--spectra-dark-btn-text: var(--spectra-neutral-7);
	--spectra-dark-btn-secondary-bg: transparent;
	--spectra-dark-btn-secondary-text: var(--spectra-white);
	--spectra-dark-btn-secondary-border-color: var(--spectra-opacity-light-30);
	--spectra-body-line-height: 1.65;
	--spectra-heading-line-height: 1.2;
	--spectra-body-letter-spacing: 0em;
	--spectra-heading-letter-spacing: -0.02em;
	--spectra-gradient-primary: linear-gradient(135deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
	--spectra-gradient-accent: linear-gradient(135deg, var(--wp--preset--color--primary), color-mix(in srgb, var(--wp--preset--color--primary) 60%, var(--spectra-chromatic2-4, #8b5cf6)));
	--spectra-gradient-surface: linear-gradient(180deg, var(--wp--preset--color--background), var(--wp--preset--color--surface));
	--spectra-overlay-dark: rgba(0, 0, 0, 0.5);
	--spectra-overlay-light: rgba(255, 255, 255, 0.7);
	--spectra-overlay-brand: color-mix(in srgb, var(--wp--preset--color--primary) 80%, transparent);
	--spectra-overlay-gradient: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
	--spectra-divider-color: var(--wp--preset--color--outline);
	--spectra-divider-width: 1px;
	--spectra-divider-style: solid;
	--spectra-nav-bg: var(--wp--preset--color--background);
	--spectra-nav-text: var(--spectra-neutral-7);
	--spectra-nav-link-hover: var(--wp--preset--color--primary);
	--spectra-nav-border-bottom: 1px solid var(--spectra-opacity-dark-5);
	--spectra-icon-size: 24px;
	--spectra-icon-color: currentColor;
	--spectra-icon-container-bg: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
	--spectra-icon-container-radius: var(--spectra-radius-badge);
	--spectra-icon-container-size: 48px;
	--spectra-transition-fast: 100ms;
	--spectra-transition-normal: 200ms;
	--spectra-transition-slow: 350ms;
	--spectra-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
	--spectra-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
	--spectra-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
	--spectra-entrance-duration: 400ms;
	--spectra-entrance-distance: 12px;
	--spectra-entrance-stagger: 60ms;
	--spectra-btn-press-scale: 0.97;
	--spectra-focus-scale: 1.02;
	--spectra-focus-ring-color: var(--wp--preset--color--primary);
	--spectra-focus-ring-width: 2px;
	--spectra-focus-ring-offset: 2px;
	--spectra-focus-ring-style: solid;

	/* sg-* WP preset color aliases */
	--wp--preset--color--sg-accent: #6431f6;
	--wp--preset--color--sg-secondary: #887efd;
	--wp--preset--color--sg-heading: #09081b;
	--wp--preset--color--sg-body: #464757;
	--wp--preset--color--sg-surface: #f0f1f1;
	--wp--preset--color--sg-background: #ffffff;
	--wp--preset--color--sg-border: #d4d5d8;
	--wp--preset--color--sg-neutral: #1b1c2e;
	--wp--preset--color--sg-muted: #767884;

	/* Style Guide shadow / spacing / font-family presets */
	--wp--preset--shadow--small: 0 1px 2px rgba(0,0,0,0.04);
	--wp--preset--shadow--medium: 0 2px 6px rgba(0,0,0,0.06);
	--wp--preset--shadow--large: 0 6px 16px rgba(0,0,0,0.08);
	--wp--preset--shadow--deep: 0 12px 28px rgba(0,0,0,0.12);
	--wp--preset--shadow--crisp: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.04);
	--wp--preset--shadow--sharp: 0 1px 1px rgba(0,0,0,0.06), 0 2px 2px rgba(0,0,0,0.06);
	--wp--preset--shadow--natural: 0 2px 8px rgba(0,0,0,0.05);
	--wp--preset--shadow--outlined: 0 0 0 2px var(--wp--preset--color--outline);
	--wp--preset--spacing--gutter: 1rem;
}

[data-spectra-scheme="neutral-0"] {
	--spectra-scheme-background: var(--spectra-neutral-0);
	--spectra-scheme-foreground: var(--spectra-neutral-0);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-1"] {
	--spectra-scheme-background: var(--spectra-neutral-1);
	--spectra-scheme-foreground: var(--spectra-neutral-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-2"] {
	--spectra-scheme-background: var(--spectra-neutral-2);
	--spectra-scheme-foreground: var(--spectra-neutral-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-3"] {
	--spectra-scheme-background: var(--spectra-neutral-3);
	--spectra-scheme-foreground: var(--spectra-neutral-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="neutral-4"] {
	--spectra-scheme-background: var(--spectra-neutral-4);
	--spectra-scheme-foreground: var(--spectra-neutral-4);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="neutral-5"] {
	--spectra-scheme-background: var(--spectra-neutral-5);
	--spectra-scheme-foreground: var(--spectra-neutral-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="neutral-6"] {
	--spectra-scheme-background: var(--spectra-neutral-6);
	--spectra-scheme-foreground: var(--spectra-neutral-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="neutral-7"] {
	--spectra-scheme-background: var(--spectra-neutral-7);
	--spectra-scheme-foreground: var(--spectra-neutral-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic1-1"] {
	--spectra-scheme-background: var(--spectra-chromatic1-1);
	--spectra-scheme-foreground: var(--spectra-chromatic1-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-2"] {
	--spectra-scheme-background: var(--spectra-chromatic1-2);
	--spectra-scheme-foreground: var(--spectra-chromatic1-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-3"] {
	--spectra-scheme-background: var(--spectra-chromatic1-3);
	--spectra-scheme-foreground: var(--spectra-chromatic1-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-4"] {
	--spectra-scheme-background: var(--spectra-chromatic1-4);
	--spectra-scheme-foreground: var(--spectra-chromatic1-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic1-5"] {
	--spectra-scheme-background: var(--spectra-chromatic1-5);
	--spectra-scheme-foreground: var(--spectra-chromatic1-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic1-6"] {
	--spectra-scheme-background: var(--spectra-chromatic1-6);
	--spectra-scheme-foreground: var(--spectra-chromatic1-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic1-7"] {
	--spectra-scheme-background: var(--spectra-chromatic1-7);
	--spectra-scheme-foreground: var(--spectra-chromatic1-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic2-1"] {
	--spectra-scheme-background: var(--spectra-chromatic2-1);
	--spectra-scheme-foreground: var(--spectra-chromatic2-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-2"] {
	--spectra-scheme-background: var(--spectra-chromatic2-2);
	--spectra-scheme-foreground: var(--spectra-chromatic2-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-3"] {
	--spectra-scheme-background: var(--spectra-chromatic2-3);
	--spectra-scheme-foreground: var(--spectra-chromatic2-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-4"] {
	--spectra-scheme-background: var(--spectra-chromatic2-4);
	--spectra-scheme-foreground: var(--spectra-chromatic2-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic2-5"] {
	--spectra-scheme-background: var(--spectra-chromatic2-5);
	--spectra-scheme-foreground: var(--spectra-chromatic2-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic2-6"] {
	--spectra-scheme-background: var(--spectra-chromatic2-6);
	--spectra-scheme-foreground: var(--spectra-chromatic2-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic2-7"] {
	--spectra-scheme-background: var(--spectra-chromatic2-7);
	--spectra-scheme-foreground: var(--spectra-chromatic2-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic3-1"] {
	--spectra-scheme-background: var(--spectra-chromatic3-1);
	--spectra-scheme-foreground: var(--spectra-chromatic3-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-2"] {
	--spectra-scheme-background: var(--spectra-chromatic3-2);
	--spectra-scheme-foreground: var(--spectra-chromatic3-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-3"] {
	--spectra-scheme-background: var(--spectra-chromatic3-3);
	--spectra-scheme-foreground: var(--spectra-chromatic3-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-4"] {
	--spectra-scheme-background: var(--spectra-chromatic3-4);
	--spectra-scheme-foreground: var(--spectra-chromatic3-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-5"] {
	--spectra-scheme-background: var(--spectra-chromatic3-5);
	--spectra-scheme-foreground: var(--spectra-chromatic3-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-6"] {
	--spectra-scheme-background: var(--spectra-chromatic3-6);
	--spectra-scheme-foreground: var(--spectra-chromatic3-6);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic3-7"] {
	--spectra-scheme-background: var(--spectra-chromatic3-7);
	--spectra-scheme-foreground: var(--spectra-chromatic3-7);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-1"] {
	--spectra-scheme-background: var(--spectra-chromatic4-1);
	--spectra-scheme-foreground: var(--spectra-chromatic4-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-2"] {
	--spectra-scheme-background: var(--spectra-chromatic4-2);
	--spectra-scheme-foreground: var(--spectra-chromatic4-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-3"] {
	--spectra-scheme-background: var(--spectra-chromatic4-3);
	--spectra-scheme-foreground: var(--spectra-chromatic4-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-4"] {
	--spectra-scheme-background: var(--spectra-chromatic4-4);
	--spectra-scheme-foreground: var(--spectra-chromatic4-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-5"] {
	--spectra-scheme-background: var(--spectra-chromatic4-5);
	--spectra-scheme-foreground: var(--spectra-chromatic4-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-6"] {
	--spectra-scheme-background: var(--spectra-chromatic4-6);
	--spectra-scheme-foreground: var(--spectra-chromatic4-6);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic4-7"] {
	--spectra-scheme-background: var(--spectra-chromatic4-7);
	--spectra-scheme-foreground: var(--spectra-chromatic4-7);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-1"] {
	--spectra-scheme-background: var(--spectra-chromatic5-1);
	--spectra-scheme-foreground: var(--spectra-chromatic5-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-2"] {
	--spectra-scheme-background: var(--spectra-chromatic5-2);
	--spectra-scheme-foreground: var(--spectra-chromatic5-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-3"] {
	--spectra-scheme-background: var(--spectra-chromatic5-3);
	--spectra-scheme-foreground: var(--spectra-chromatic5-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-4"] {
	--spectra-scheme-background: var(--spectra-chromatic5-4);
	--spectra-scheme-foreground: var(--spectra-chromatic5-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-5"] {
	--spectra-scheme-background: var(--spectra-chromatic5-5);
	--spectra-scheme-foreground: var(--spectra-chromatic5-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic5-6"] {
	--spectra-scheme-background: var(--spectra-chromatic5-6);
	--spectra-scheme-foreground: var(--spectra-chromatic5-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic5-7"] {
	--spectra-scheme-background: var(--spectra-chromatic5-7);
	--spectra-scheme-foreground: var(--spectra-chromatic5-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic6-1"] {
	--spectra-scheme-background: var(--spectra-chromatic6-1);
	--spectra-scheme-foreground: var(--spectra-chromatic6-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-2"] {
	--spectra-scheme-background: var(--spectra-chromatic6-2);
	--spectra-scheme-foreground: var(--spectra-chromatic6-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-3"] {
	--spectra-scheme-background: var(--spectra-chromatic6-3);
	--spectra-scheme-foreground: var(--spectra-chromatic6-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-4"] {
	--spectra-scheme-background: var(--spectra-chromatic6-4);
	--spectra-scheme-foreground: var(--spectra-chromatic6-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic6-5"] {
	--spectra-scheme-background: var(--spectra-chromatic6-5);
	--spectra-scheme-foreground: var(--spectra-chromatic6-5);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic6-6"] {
	--spectra-scheme-background: var(--spectra-chromatic6-6);
	--spectra-scheme-foreground: var(--spectra-chromatic6-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic6-7"] {
	--spectra-scheme-background: var(--spectra-chromatic6-7);
	--spectra-scheme-foreground: var(--spectra-chromatic6-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic7-1"] {
	--spectra-scheme-background: var(--spectra-chromatic7-1);
	--spectra-scheme-foreground: var(--spectra-chromatic7-1);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-chromatic1-4);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-2"] {
	--spectra-scheme-background: var(--spectra-chromatic7-2);
	--spectra-scheme-foreground: var(--spectra-chromatic7-2);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-3"] {
	--spectra-scheme-background: var(--spectra-chromatic7-3);
	--spectra-scheme-foreground: var(--spectra-chromatic7-3);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-4"] {
	--spectra-scheme-background: var(--spectra-chromatic7-4);
	--spectra-scheme-foreground: var(--spectra-chromatic7-4);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-5"] {
	--spectra-scheme-background: var(--spectra-chromatic7-5);
	--spectra-scheme-foreground: var(--spectra-chromatic7-5);
	--spectra-scheme-text: var(--spectra-neutral-7);
	--spectra-scheme-accent: var(--spectra-neutral-7);
	--spectra-scheme-border: var(--spectra-opacity-dark-15);
}

[data-spectra-scheme="chromatic7-6"] {
	--spectra-scheme-background: var(--spectra-chromatic7-6);
	--spectra-scheme-foreground: var(--spectra-chromatic7-6);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}

[data-spectra-scheme="chromatic7-7"] {
	--spectra-scheme-background: var(--spectra-chromatic7-7);
	--spectra-scheme-foreground: var(--spectra-chromatic7-7);
	--spectra-scheme-text: var(--spectra-white);
	--spectra-scheme-accent: var(--spectra-white);
	--spectra-scheme-border: var(--spectra-opacity-light-20);
}
:root {
	--color--primary: var(--wp--preset--color--primary);
	--color--primary-near-white: var(--spectra-chromatic1-1);
	--color--primary-lightest: var(--spectra-chromatic1-1);
	--color--primary-lighter: var(--spectra-chromatic1-3);
	--color--primary-light: var(--spectra-chromatic1-5);
	--color--primary-dark: var(--spectra-chromatic1-8);
	--color--primary-darker: var(--spectra-chromatic1-9);
	--color--primary-darkest: var(--spectra-chromatic1-10);
	--color--primary-near-black: var(--spectra-chromatic1-11);
	--color--primary-complement: var(--spectra-chromatic1-7);
	--color--primary-inverted: var(--spectra-neutral-7);
	--color--secondary: var(--wp--preset--color--secondary);
	--color--secondary-near-white: var(--spectra-chromatic2-1);
	--color--secondary-lightest: var(--spectra-chromatic2-1);
	--color--secondary-lighter: var(--spectra-chromatic2-3);
	--color--secondary-light: var(--spectra-chromatic2-5);
	--color--secondary-dark: var(--spectra-chromatic2-8);
	--color--secondary-darker: var(--spectra-chromatic2-9);
	--color--secondary-darkest: var(--spectra-chromatic2-10);
	--color--secondary-near-black: var(--spectra-chromatic2-11);
	--color--secondary-complement: var(--spectra-chromatic2-7);
	--color--secondary-inverted: var(--spectra-neutral-7);
	--color--base: var(--spectra-neutral-4);
	--color--base-near-white: var(--spectra-neutral-7);
	--color--base-lightest: var(--spectra-neutral-7);
	--color--base-lighter: var(--spectra-neutral-6);
	--color--base-light: var(--spectra-neutral-5);
	--color--base-dark: var(--spectra-neutral-3);
	--color--base-darker: var(--spectra-neutral-2);
	--color--base-darkest: var(--spectra-neutral-1);
	--color--base-near-black: var(--spectra-neutral-0);
	--space--xs: var(--spectra-space-xs);
	--space--sm: var(--spectra-space-sm);
	--space--md: var(--spectra-space-md);
	--space--lg: var(--spectra-space-lg);
	--space--xl: var(--spectra-space-xl);
	--space--xxl: var(--spectra-space-2xl);
	--text--xs: var(--spectra-text-xs);
	--text--sm: var(--spectra-text-sm);
	--text--md: var(--spectra-text-md);
	--text--lg: var(--spectra-text-lg);
	--text--xl: var(--spectra-text-xl);
	--text--xxl: var(--spectra-text-2xl);
	--heading--1: var(--spectra-heading-1);
	--heading--2: var(--spectra-heading-2);
	--heading--3: var(--spectra-heading-3);
	--heading--4: var(--spectra-heading-4);
	--heading--5: var(--spectra-heading-5);
	--heading--6: var(--spectra-heading-6);
}