:root,
[data-theme="southernpartners-default"],
[data-theme="light"] {
	--sp-ref-color-primary-50: #eaf8ff;
	--sp-ref-color-primary-300: #66c9f5;
	--sp-ref-color-primary-500: #008bd1;
	--sp-ref-color-primary-700: #005a8b;
	--sp-ref-color-primary-900: #0a3254;
	--sp-ref-color-secondary-900: var(--sp-ref-color-primary-900);
	--sp-ref-color-tertiary-50: var(--sp-ref-color-primary-50);
	--sp-ref-color-white: #ffffff;
	--sp-ref-color-black: #000000;
	--sp-ref-color-gray-50: #fafafa;
	--sp-ref-color-gray-100: #f4f4f4;
	--sp-ref-color-gray-200: #e0e0e0;
	--sp-ref-color-gray-300: #c6c6c6;
	--sp-ref-color-gray-400: #a8a8a8;
	--sp-ref-color-gray-500: #8d8d8d;
	--sp-ref-color-gray-600: #6f6f6f;
	--sp-ref-color-gray-700: #525252;
	--sp-ref-color-gray-800: #393939;
	--sp-ref-color-gray-900: #262626;
	--sp-ref-color-gray-950: #161616;
	--sp-ref-color-night-950: var(--sp-ref-color-gray-950);
	--sp-ref-color-night-900: var(--sp-ref-color-gray-900);
	--sp-ref-color-night-800: var(--sp-ref-color-gray-800);
	--sp-ref-color-night-700: var(--sp-ref-color-gray-700);
	--sp-ref-color-night-300: var(--sp-ref-color-gray-300);
	--sp-ref-color-night-200: var(--sp-ref-color-gray-200);
	--sp-ref-color-night-100: var(--sp-ref-color-gray-100);
	--sp-ref-color-night-50: var(--sp-ref-color-gray-50);
	--sp-ref-color-overlay-strong: rgb(22 22 22 / 0.58);
	--sp-ref-color-overlay-soft: rgb(255 255 255 / 0.1);
	--sp-ref-color-overlay-muted: rgb(255 255 255 / 0.82);
	--sp-ref-color-overlay-subtle: rgb(255 255 255 / 0.68);
	--sp-ref-color-brand-soft: rgb(255 255 255 / 0.1);
	--sp-ref-color-brand-hover: rgb(255 255 255 / 0.16);
	--sp-ref-color-brand-active: rgb(255 255 255 / 0.24);
	--sp-ref-color-brand-border-subtle: rgb(255 255 255 / 0.14);
	--sp-ref-color-brand-border-strong: rgb(255 255 255 / 0.24);
	--sp-ref-color-brand-border-dashed: rgb(255 255 255 / 0.3);
	--sp-ref-color-ink-alpha-4: rgb(0 0 0 / 0.04);
	--sp-ref-color-ink-alpha-10: rgb(0 0 0 / 0.1);
	--sp-ref-color-ink-alpha-12: rgb(22 22 22 / 0.12);
	--sp-ref-color-ink-alpha-15: rgb(22 22 22 / 0.15);
	--sp-ref-color-ink-alpha-28: rgb(22 22 22 / 0.28);
	--sp-ref-color-ink-alpha-65: rgb(22 22 22 / 0.65);
	--sp-ref-color-ink-border-soft: rgb(22 22 22 / 0.08);
	--sp-ref-color-ink-border-subtle: rgb(22 22 22 / 0.06);
	--sp-ref-color-accent-200: rgb(0 139 209 / 0.18);
	--sp-ref-color-success-700: #238b00;
	--sp-ref-color-success-50: #ebfeed;
	--sp-ref-color-danger-700: #a82424;
	--sp-ref-color-danger-300: #ffb4ab;
	--sp-ref-color-danger-50: #fce4e4;
	--sp-ref-color-utility-yellow-500: #ffbc00;
	--sp-ref-color-shell-navy-800: var(--sp-ref-color-primary-900);
	--sp-ref-color-shell-icon-bg: var(--sp-ref-color-primary-50);
	--sp-ref-color-shell-muted: var(--sp-ref-color-gray-600);
	--sp-ref-color-shell-divider: var(--sp-ref-color-gray-300);
	--sp-ref-color-search-ink-950: var(--sp-ref-color-primary-900);
	--sp-ref-color-search-muted: var(--sp-ref-color-gray-700);
	--sp-ref-color-search-action: var(--sp-ref-color-primary-700);
	--sp-ref-color-search-hover: var(--sp-ref-color-primary-50);
	--sp-ref-color-search-pill-text: var(--sp-ref-color-gray-800);
	--sp-ref-color-search-status-open: var(--sp-ref-color-success-700);
	--sp-ref-color-search-status-open-border: var(--sp-ref-color-success-50);
	--sp-ref-color-search-status-closed: var(--sp-ref-color-danger-700);
	--sp-ref-color-search-status-closed-border: var(--sp-ref-color-danger-50);
	--sp-ref-color-black-alpha-4: rgba(0, 0, 0, 0.04);
	--sp-ref-color-search-ink-alpha-4: rgba(9, 26, 47, 0.04);
	--sp-ref-color-search-ink-alpha-6: rgba(9, 26, 47, 0.06);
	--sp-ref-color-search-ink-alpha-8: rgba(9, 26, 47, 0.08);
	--sp-ref-color-search-ink-alpha-12: rgba(9, 26, 47, 0.12);
	--sp-ref-color-search-ink-alpha-15: rgba(9, 26, 47, 0.15);
	--sp-ref-color-search-ink-alpha-16: rgba(9, 26, 47, 0.16);
	--sp-ref-color-search-ink-alpha-18: rgba(9, 26, 47, 0.18);
	--sp-ref-color-search-ink-alpha-28: rgba(9, 26, 47, 0.28);
	--sp-ref-color-search-ink-alpha-55: rgba(9, 26, 47, 0.55);
	--sp-ref-color-search-ink-alpha-65: rgba(9, 26, 47, 0.65);
	--sp-ref-color-search-white-alpha-94: rgba(255, 255, 255, 0.94);
	--sp-ref-color-search-white-alpha-95: rgba(255, 255, 255, 0.95);
	--sp-ref-shadow-mega-panel-arrow: -3px -3px 5px var(--sp-ref-color-black-alpha-4);
	--sp-ref-shadow-mega-panel: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
	--sp-ref-shadow-search-overlay: 0 28px 80px var(--sp-ref-color-search-ink-alpha-16);
	--sp-ref-shadow-search-input: inset 0 1px 2px var(--sp-ref-color-search-ink-alpha-6);
	--sp-ref-shadow-search-input-focus: inset 0 1px 2px var(--sp-ref-color-search-ink-alpha-8), 0 0 0 3px var(--sp-ref-color-search-ink-alpha-12);
	--sp-ref-shadow-search-control-focus: 0 0 0 3px var(--sp-ref-color-search-ink-alpha-12);
	--sp-ref-shadow-search-results: inset 0 1px 1px var(--sp-ref-color-search-ink-alpha-4);

	--sp-ref-space-1: 0.25rem;
	--sp-ref-space-2: 0.5rem;
	--sp-ref-space-3: 0.75rem;
	--sp-ref-space-4: 1rem;
	--sp-ref-space-5: 1.5rem;
	--sp-ref-space-6: 2rem;
	--sp-ref-space-7: 3rem;
	--sp-ref-space-8: 4rem;

	/*
	 * Breakpoint contract.
	 * Keep media queries literal for browser support; these tokens document the
	 * shared thresholds used by patterns, layout primitives, and shell UI.
	 */
	--sp-ref-breakpoint-min: 22.5rem; /* 360px: minimum supported viewport. */
	--sp-ref-breakpoint-xs: 36.25rem; /* 580px: compact phone adjustments. */
	--sp-ref-breakpoint-sm: 47.5rem; /* 760px: simple two-column content may begin. */
	--sp-ref-breakpoint-md: 53.75rem; /* 860px: richer editorial layouts may begin. */
	--sp-ref-breakpoint-nav: 61.25rem; /* 980px: desktop header/navigation begins. */
	--sp-ref-breakpoint-lg: 75rem; /* 1200px: roomy desktop composition. */

	--sp-ref-radius-sm: 0.375rem;
	--sp-ref-radius-md: 0.75rem;
	--sp-ref-radius-lg: 1rem;
	--sp-ref-radius-xl: 1.5rem;
	--sp-ref-font-family-heading: "Glober-Bold", "Glober-Regular", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--sp-ref-font-family-display: "GloberExtraBold", "Glober-Bold", "Glober-Regular", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--sp-ref-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--sp-ref-font-size-body: 1rem;
	--sp-ref-font-size-body-lg: 1.1rem;
	--sp-ref-font-size-label: 0.8rem;
	--sp-ref-font-size-meta: 0.85rem;
	--sp-ref-font-size-heading-6: 1rem;
	--sp-ref-font-size-heading-5: 1.1rem;
	--sp-ref-font-size-heading-4: 1.25rem;
	--sp-ref-font-size-heading-3: clamp(1.375rem, 1.25rem + 0.4vw, 1.5rem);
	--sp-ref-font-size-heading-2: clamp(1.625rem, 1.35rem + 0.9vw, 2rem);
	--sp-ref-font-size-heading-1: clamp(2rem, 1.55rem + 1.45vw, 2.5rem);
	--sp-ref-font-size-heading-sm: var(--sp-ref-font-size-heading-3);
	--sp-ref-font-size-brand: 1.15rem;
	--sp-ref-font-size-display: clamp(2.25rem, 1.55rem + 2.25vw, 3rem);
	--sp-ref-font-weight-regular: 400;
	--sp-ref-font-weight-medium: 500;
	--sp-ref-font-weight-semibold: 600;
	--sp-ref-font-weight-bold: 700;
	--sp-ref-font-weight-extrabold: 800;
	--sp-ref-line-height-body: 1.6;
	--sp-ref-line-height-tight: 1.1;
	--sp-ref-line-height-copy: 1.3;
	--sp-ref-letter-spacing-label: 0.08em;

	--sp-light-color-text-primary: var(--sp-ref-color-gray-800);
	--sp-light-color-text-strong: var(--sp-ref-color-gray-950);
	--sp-light-color-text-muted: var(--sp-ref-color-gray-700);
	--sp-light-color-text-inverse: var(--sp-ref-color-white);
	--sp-light-color-text-inverse-muted: var(--sp-ref-color-overlay-muted);
	--sp-light-color-text-inverse-subtle: var(--sp-ref-color-overlay-subtle);
	--sp-light-color-text-accent: var(--sp-ref-color-primary-700);
	--sp-light-color-text-disabled: color-mix(in srgb, var(--sp-ref-color-gray-700) 52%, transparent);
	--sp-light-color-link-default: var(--sp-ref-color-primary-700);
	--sp-light-color-link-hover: var(--sp-ref-color-primary-900);
	--sp-light-color-link-inverse: var(--sp-ref-color-white);
	--sp-light-color-link-inverse-hover: rgb(255 255 255 / 0.82);
	--sp-light-color-border-subtle: var(--sp-ref-color-gray-200);
	--sp-light-color-border-strong: var(--sp-ref-color-gray-500);
	--sp-light-color-border-disabled: var(--sp-ref-color-gray-300);
	--sp-light-color-border-selected: var(--sp-ref-color-primary-700);
	--sp-light-color-border-danger: var(--sp-ref-color-danger-700);
	--sp-light-color-layer-canvas: var(--sp-ref-color-white);
	--sp-light-color-layer-1: var(--sp-ref-color-gray-100);
	--sp-light-color-layer-2: var(--sp-ref-color-white);
	--sp-light-color-layer-3: var(--sp-ref-color-gray-200);
	--sp-light-color-layer-input: var(--sp-ref-color-white);
	--sp-light-color-layer-thumbnail: var(--sp-ref-color-gray-200);
	--sp-light-color-layer-brand-start: var(--sp-ref-color-primary-500);
	--sp-light-color-layer-brand-end: var(--sp-ref-color-primary-900);
	--sp-light-color-layer-secondary-start: var(--sp-ref-color-primary-700);
	--sp-light-color-layer-secondary-end: var(--sp-ref-color-primary-900);
	--sp-light-color-layer-overlay: var(--sp-ref-color-overlay-strong);
	--sp-light-color-layer-brand-soft: var(--sp-ref-color-brand-soft);
	--sp-light-color-layer-brand-hover: var(--sp-ref-color-brand-hover);
	--sp-light-color-layer-brand-active: var(--sp-ref-color-brand-active);
	--sp-light-color-layer-hover: var(--sp-ref-color-gray-100);
	--sp-light-color-layer-active: var(--sp-ref-color-gray-200);
	--sp-light-color-layer-selected: color-mix(in srgb, var(--sp-ref-color-primary-700) 12%, var(--sp-ref-color-white));
	--sp-light-color-layer-disabled: var(--sp-ref-color-gray-100);
	--sp-light-color-section-brand-bg: var(--sp-ref-color-primary-900);
	--sp-light-color-section-brand-text: var(--sp-ref-color-white);
	--sp-light-color-section-brand-muted: rgb(255 255 255 / 0.84);
	--sp-light-color-section-brand-accent: var(--sp-ref-color-primary-300);
	--sp-light-color-section-brand-action-bg: var(--sp-ref-color-primary-300);
	--sp-light-color-section-brand-action-hover-bg: var(--sp-ref-color-primary-50);
	--sp-light-color-section-brand-action-text: var(--sp-ref-color-primary-900);
	--sp-light-color-section-subtle-bg: var(--sp-ref-color-gray-100);
	--sp-light-color-section-gradient-bg: linear-gradient(90deg, var(--sp-light-color-layer-brand-start), var(--sp-light-color-layer-brand-end));
	--sp-light-color-action-primary-bg: var(--sp-ref-color-primary-700);
	--sp-light-color-action-primary-hover-bg: var(--sp-ref-color-primary-900);
	--sp-light-color-action-primary-active-bg: color-mix(in srgb, var(--sp-ref-color-primary-900) 88%, var(--sp-ref-color-black) 12%);
	--sp-light-color-action-primary-text: var(--sp-ref-color-white);
	--sp-light-color-action-secondary-bg: var(--sp-ref-color-primary-900);
	--sp-light-color-action-secondary-hover-bg: color-mix(in srgb, var(--sp-ref-color-primary-900) 86%, var(--sp-ref-color-black) 14%);
	--sp-light-color-action-secondary-active-bg: color-mix(in srgb, var(--sp-ref-color-primary-900) 74%, var(--sp-ref-color-black) 26%);
	--sp-light-color-action-secondary-text: var(--sp-ref-color-white);
	--sp-light-color-action-disabled-bg: var(--sp-ref-color-gray-200);
	--sp-light-color-action-disabled-text: var(--sp-ref-color-gray-600);
	--sp-light-color-focus-ring: var(--sp-ref-color-primary-700);
	--sp-light-color-status-danger: var(--sp-ref-color-danger-700);
	--sp-light-color-status-danger-soft: color-mix(in srgb, var(--sp-ref-color-danger-700) 14%, transparent);
	--sp-light-color-spinner-track: var(--sp-ref-color-ink-alpha-15);
	--sp-light-color-spinner-head: var(--sp-ref-color-ink-alpha-65);
	--sp-light-component-header-bg: var(--sp-light-color-layer-2);
	--sp-light-component-header-utility-bg: var(--sp-light-component-header-bg);
	--sp-light-component-header-text: var(--sp-light-color-text-strong);
	--sp-light-component-header-border: var(--sp-light-color-border-subtle);
	--sp-light-component-header-language-bg: var(--sp-light-color-layer-1);
	--sp-light-component-header-language-border: var(--sp-light-color-border-subtle);
	--sp-light-component-header-language-text: var(--sp-light-color-text-muted);
	--sp-light-component-header-language-hover-bg: var(--sp-light-color-layer-hover);
	--sp-light-component-header-language-hover-text: var(--sp-light-color-text-strong);
	--sp-light-component-header-language-active-bg: var(--sp-light-color-layer-canvas);
	--sp-light-component-header-language-active-text: var(--sp-light-color-text-strong);
	--sp-light-component-header-language-active-shadow: 0 1px 3px var(--sp-ref-color-ink-alpha-10);
	--sp-light-component-mega-menu-panel-shadow: var(--sp-ref-shadow-mega-panel);
	--sp-light-component-mega-menu-panel-arrow-shadow: var(--sp-ref-shadow-mega-panel-arrow);
	--sp-light-component-search-overlay-shadow: var(--sp-ref-shadow-search-overlay);
	--sp-light-component-search-input-shadow: inset 0 1px 2px var(--sp-ref-color-ink-alpha-4);
	--sp-light-component-search-results-shadow: inset 0 1px 1px var(--sp-ref-color-ink-alpha-4);
	--sp-light-component-footer-bg: var(--sp-ref-color-primary-900);
	--sp-light-component-footer-bg-secondary: var(--sp-ref-color-primary-900);
	--sp-light-component-footer-border: rgb(255 255 255 / 0.16);

	--sp-dark-color-text-primary: var(--sp-ref-color-gray-200);
	--sp-dark-color-text-strong: var(--sp-ref-color-gray-50);
	--sp-dark-color-text-muted: var(--sp-ref-color-gray-300);
	--sp-dark-color-text-inverse: var(--sp-ref-color-gray-50);
	--sp-dark-color-text-inverse-muted: rgb(250 250 250 / 0.82);
	--sp-dark-color-text-inverse-subtle: rgb(250 250 250 / 0.68);
	--sp-dark-color-text-accent: var(--sp-ref-color-primary-300);
	--sp-dark-color-text-disabled: rgb(224 224 224 / 0.44);
	--sp-dark-color-link-default: var(--sp-ref-color-primary-300);
	--sp-dark-color-link-hover: var(--sp-ref-color-primary-50);
	--sp-dark-color-link-inverse: var(--sp-ref-color-gray-50);
	--sp-dark-color-link-inverse-hover: var(--sp-ref-color-primary-50);
	--sp-dark-color-border-subtle: var(--sp-ref-color-gray-700);
	--sp-dark-color-border-strong: var(--sp-ref-color-gray-600);
	--sp-dark-color-border-disabled: color-mix(in srgb, var(--sp-ref-color-gray-700) 58%, transparent);
	--sp-dark-color-border-selected: var(--sp-ref-color-primary-300);
	--sp-dark-color-border-danger: var(--sp-ref-color-danger-300);
	--sp-dark-color-layer-canvas: var(--sp-ref-color-gray-950);
	--sp-dark-color-layer-1: var(--sp-ref-color-gray-900);
	--sp-dark-color-layer-2: var(--sp-ref-color-gray-800);
	--sp-dark-color-layer-3: var(--sp-ref-color-gray-700);
	--sp-dark-color-layer-input: var(--sp-ref-color-gray-900);
	--sp-dark-color-layer-thumbnail: var(--sp-ref-color-gray-800);
	--sp-dark-color-layer-brand-start: var(--sp-ref-color-primary-900);
	--sp-dark-color-layer-brand-end: var(--sp-ref-color-gray-950);
	--sp-dark-color-layer-secondary-start: var(--sp-ref-color-primary-900);
	--sp-dark-color-layer-secondary-end: var(--sp-ref-color-gray-950);
	--sp-dark-color-layer-overlay: rgb(0 0 0 / 0.72);
	--sp-dark-color-layer-brand-soft: rgb(255 255 255 / 0.08);
	--sp-dark-color-layer-brand-hover: rgb(255 255 255 / 0.13);
	--sp-dark-color-layer-brand-active: rgb(255 255 255 / 0.18);
	--sp-dark-color-layer-hover: color-mix(in srgb, var(--sp-ref-color-primary-300) 16%, transparent);
	--sp-dark-color-layer-active: color-mix(in srgb, var(--sp-ref-color-primary-300) 22%, transparent);
	--sp-dark-color-layer-selected: color-mix(in srgb, var(--sp-ref-color-primary-300) 24%, transparent);
	--sp-dark-color-layer-disabled: rgb(198 198 198 / 0.1);
	--sp-dark-color-section-brand-bg: color-mix(in srgb, var(--sp-ref-color-primary-900) 84%, var(--sp-ref-color-gray-950));
	--sp-dark-color-section-brand-text: var(--sp-ref-color-gray-50);
	--sp-dark-color-section-brand-muted: rgb(250 250 250 / 0.84);
	--sp-dark-color-section-brand-accent: var(--sp-ref-color-primary-300);
	--sp-dark-color-section-brand-action-bg: var(--sp-ref-color-primary-300);
	--sp-dark-color-section-brand-action-hover-bg: var(--sp-ref-color-primary-50);
	--sp-dark-color-section-brand-action-text: var(--sp-ref-color-primary-900);
	--sp-dark-color-section-subtle-bg: color-mix(in srgb, var(--sp-ref-color-gray-900) 74%, var(--sp-ref-color-gray-950));
	--sp-dark-color-section-gradient-bg: linear-gradient(90deg, var(--sp-dark-color-layer-brand-start), var(--sp-dark-color-layer-brand-end));
	--sp-dark-color-action-primary-bg: var(--sp-ref-color-primary-300);
	--sp-dark-color-action-primary-hover-bg: color-mix(in srgb, var(--sp-ref-color-primary-300) 84%, var(--sp-ref-color-white) 16%);
	--sp-dark-color-action-primary-active-bg: var(--sp-ref-color-primary-50);
	--sp-dark-color-action-primary-text: var(--sp-ref-color-primary-900);
	--sp-dark-color-action-secondary-bg: var(--sp-ref-color-gray-800);
	--sp-dark-color-action-secondary-hover-bg: var(--sp-ref-color-gray-700);
	--sp-dark-color-action-secondary-active-bg: var(--sp-ref-color-gray-600);
	--sp-dark-color-action-secondary-text: var(--sp-ref-color-gray-50);
	--sp-dark-color-action-disabled-bg: rgb(198 198 198 / 0.16);
	--sp-dark-color-action-disabled-text: rgb(224 224 224 / 0.46);
	--sp-dark-color-focus-ring: var(--sp-ref-color-primary-300);
	--sp-dark-color-status-danger: var(--sp-ref-color-danger-300);
	--sp-dark-color-status-danger-soft: color-mix(in srgb, var(--sp-ref-color-danger-300) 18%, transparent);
	--sp-dark-color-spinner-track: rgb(224 224 224 / 0.2);
	--sp-dark-color-spinner-head: rgb(250 250 250 / 0.78);
	--sp-dark-component-header-bg: var(--sp-ref-color-primary-900);
	--sp-dark-component-header-utility-bg: var(--sp-dark-component-header-bg);
	--sp-dark-component-header-text: var(--sp-ref-color-gray-50);
	--sp-dark-component-header-border: rgb(255 255 255 / 0.18);
	--sp-dark-component-header-language-bg: rgb(255 255 255 / 0.08);
	--sp-dark-component-header-language-border: rgb(255 255 255 / 0.22);
	--sp-dark-component-header-language-text: rgb(250 250 250 / 0.84);
	--sp-dark-component-header-language-hover-bg: rgb(255 255 255 / 0.14);
	--sp-dark-component-header-language-hover-text: var(--sp-ref-color-gray-50);
	--sp-dark-component-header-language-active-bg: var(--sp-ref-color-gray-50);
	--sp-dark-component-header-language-active-text: var(--sp-ref-color-primary-900);
	--sp-dark-component-header-language-active-shadow: 0 1px 4px rgb(0 0 0 / 0.28);
	--sp-dark-component-mega-menu-panel-shadow: 0 32px 80px rgb(0 0 0 / 0.5), 0 16px 36px rgb(0 0 0 / 0.34);
	--sp-dark-component-mega-menu-panel-arrow-shadow: -3px -3px 5px rgb(0 0 0 / 0.24);
	--sp-dark-component-search-overlay-shadow: 0 32px 80px rgb(0 0 0 / 0.5), 0 16px 36px rgb(0 0 0 / 0.34);
	--sp-dark-component-search-input-shadow: inset 0 1px 2px rgb(0 0 0 / 0.24);
	--sp-dark-component-search-results-shadow: inset 0 1px 1px rgb(255 255 255 / 0.04);
	--sp-dark-component-footer-bg: var(--sp-ref-color-primary-900);
	--sp-dark-component-footer-bg-secondary: var(--sp-ref-color-primary-900);
	--sp-dark-component-footer-border: rgb(255 255 255 / 0.18);

	--sp-mode-color-text-primary: var(--sp-light-color-text-primary);
	--sp-mode-color-text-strong: var(--sp-light-color-text-strong);
	--sp-mode-color-text-muted: var(--sp-light-color-text-muted);
	--sp-mode-color-text-inverse: var(--sp-light-color-text-inverse);
	--sp-mode-color-text-inverse-muted: var(--sp-light-color-text-inverse-muted);
	--sp-mode-color-text-inverse-subtle: var(--sp-light-color-text-inverse-subtle);
	--sp-mode-color-text-accent: var(--sp-light-color-text-accent);
	--sp-mode-color-text-disabled: var(--sp-light-color-text-disabled);
	--sp-mode-color-link-default: var(--sp-light-color-link-default);
	--sp-mode-color-link-hover: var(--sp-light-color-link-hover);
	--sp-mode-color-link-inverse: var(--sp-light-color-link-inverse);
	--sp-mode-color-link-inverse-hover: var(--sp-light-color-link-inverse-hover);
	--sp-mode-color-border-subtle: var(--sp-light-color-border-subtle);
	--sp-mode-color-border-strong: var(--sp-light-color-border-strong);
	--sp-mode-color-border-disabled: var(--sp-light-color-border-disabled);
	--sp-mode-color-border-selected: var(--sp-light-color-border-selected);
	--sp-mode-color-border-danger: var(--sp-light-color-border-danger);
	--sp-mode-color-layer-canvas: var(--sp-light-color-layer-canvas);
	--sp-mode-color-layer-1: var(--sp-light-color-layer-1);
	--sp-mode-color-layer-2: var(--sp-light-color-layer-2);
	--sp-mode-color-layer-3: var(--sp-light-color-layer-3);
	--sp-mode-color-layer-input: var(--sp-light-color-layer-input);
	--sp-mode-color-layer-thumbnail: var(--sp-light-color-layer-thumbnail);
	--sp-mode-color-layer-brand-start: var(--sp-light-color-layer-brand-start);
	--sp-mode-color-layer-brand-end: var(--sp-light-color-layer-brand-end);
	--sp-mode-color-layer-secondary-start: var(--sp-light-color-layer-secondary-start);
	--sp-mode-color-layer-secondary-end: var(--sp-light-color-layer-secondary-end);
	--sp-mode-color-layer-overlay: var(--sp-light-color-layer-overlay);
	--sp-mode-color-layer-brand-soft: var(--sp-light-color-layer-brand-soft);
	--sp-mode-color-layer-brand-hover: var(--sp-light-color-layer-brand-hover);
	--sp-mode-color-layer-brand-active: var(--sp-light-color-layer-brand-active);
	--sp-mode-color-layer-hover: var(--sp-light-color-layer-hover);
	--sp-mode-color-layer-active: var(--sp-light-color-layer-active);
	--sp-mode-color-layer-selected: var(--sp-light-color-layer-selected);
	--sp-mode-color-layer-disabled: var(--sp-light-color-layer-disabled);
	--sp-mode-color-section-brand-bg: var(--sp-light-color-section-brand-bg);
	--sp-mode-color-section-brand-text: var(--sp-light-color-section-brand-text);
	--sp-mode-color-section-brand-muted: var(--sp-light-color-section-brand-muted);
	--sp-mode-color-section-brand-accent: var(--sp-light-color-section-brand-accent);
	--sp-mode-color-section-brand-action-bg: var(--sp-light-color-section-brand-action-bg);
	--sp-mode-color-section-brand-action-hover-bg: var(--sp-light-color-section-brand-action-hover-bg);
	--sp-mode-color-section-brand-action-text: var(--sp-light-color-section-brand-action-text);
	--sp-mode-color-section-subtle-bg: var(--sp-light-color-section-subtle-bg);
	--sp-mode-color-section-gradient-bg: var(--sp-light-color-section-gradient-bg);
	--sp-mode-color-action-primary-bg: var(--sp-light-color-action-primary-bg);
	--sp-mode-color-action-primary-hover-bg: var(--sp-light-color-action-primary-hover-bg);
	--sp-mode-color-action-primary-active-bg: var(--sp-light-color-action-primary-active-bg);
	--sp-mode-color-action-primary-text: var(--sp-light-color-action-primary-text);
	--sp-mode-color-action-secondary-bg: var(--sp-light-color-action-secondary-bg);
	--sp-mode-color-action-secondary-hover-bg: var(--sp-light-color-action-secondary-hover-bg);
	--sp-mode-color-action-secondary-active-bg: var(--sp-light-color-action-secondary-active-bg);
	--sp-mode-color-action-secondary-text: var(--sp-light-color-action-secondary-text);
	--sp-mode-color-action-disabled-bg: var(--sp-light-color-action-disabled-bg);
	--sp-mode-color-action-disabled-text: var(--sp-light-color-action-disabled-text);
	--sp-mode-color-focus-ring: var(--sp-light-color-focus-ring);
	--sp-mode-color-status-danger: var(--sp-light-color-status-danger);
	--sp-mode-color-status-danger-soft: var(--sp-light-color-status-danger-soft);
	--sp-mode-color-spinner-track: var(--sp-light-color-spinner-track);
	--sp-mode-color-spinner-head: var(--sp-light-color-spinner-head);
	--sp-mode-component-header-bg: var(--sp-light-component-header-bg);
	--sp-mode-component-header-utility-bg: var(--sp-light-component-header-utility-bg);
	--sp-mode-component-header-text: var(--sp-light-component-header-text);
	--sp-mode-component-header-border: var(--sp-light-component-header-border);
	--sp-mode-component-header-language-bg: var(--sp-light-component-header-language-bg);
	--sp-mode-component-header-language-border: var(--sp-light-component-header-language-border);
	--sp-mode-component-header-language-text: var(--sp-light-component-header-language-text);
	--sp-mode-component-header-language-hover-bg: var(--sp-light-component-header-language-hover-bg);
	--sp-mode-component-header-language-hover-text: var(--sp-light-component-header-language-hover-text);
	--sp-mode-component-header-language-active-bg: var(--sp-light-component-header-language-active-bg);
	--sp-mode-component-header-language-active-text: var(--sp-light-component-header-language-active-text);
	--sp-mode-component-header-language-active-shadow: var(--sp-light-component-header-language-active-shadow);
	--sp-mode-component-mega-menu-panel-shadow: var(--sp-light-component-mega-menu-panel-shadow);
	--sp-mode-component-mega-menu-panel-arrow-shadow: var(--sp-light-component-mega-menu-panel-arrow-shadow);
	--sp-mode-component-search-overlay-shadow: var(--sp-light-component-search-overlay-shadow);
	--sp-mode-component-search-input-shadow: var(--sp-light-component-search-input-shadow);
	--sp-mode-component-search-results-shadow: var(--sp-light-component-search-results-shadow);
	--sp-mode-component-footer-bg: var(--sp-light-component-footer-bg);
	--sp-mode-component-footer-bg-secondary: var(--sp-light-component-footer-bg-secondary);
	--sp-mode-component-footer-border: var(--sp-light-component-footer-border);

	--sp-color-text-primary: var(--sp-mode-color-text-primary);
	--sp-color-text-strong: var(--sp-mode-color-text-strong);
	--sp-color-text-muted: var(--sp-mode-color-text-muted);
	--sp-color-text-inverse: var(--sp-mode-color-text-inverse);
	--sp-color-text-inverse-muted: var(--sp-mode-color-text-inverse-muted);
	--sp-color-text-inverse-subtle: var(--sp-mode-color-text-inverse-subtle);
	--sp-color-text-accent: var(--sp-mode-color-text-accent);
	--sp-color-text-disabled: var(--sp-mode-color-text-disabled);
	--sp-color-link-default: var(--sp-mode-color-link-default);
	--sp-color-link-hover: var(--sp-mode-color-link-hover);
	--sp-color-link-inverse: var(--sp-mode-color-link-inverse);
	--sp-color-link-inverse-hover: var(--sp-mode-color-link-inverse-hover);
	--sp-color-border-subtle: var(--sp-mode-color-border-subtle);
	--sp-color-border-strong: var(--sp-mode-color-border-strong);
	--sp-color-border-disabled: var(--sp-mode-color-border-disabled);
	--sp-color-border-selected: var(--sp-mode-color-border-selected);
	--sp-color-border-danger: var(--sp-mode-color-border-danger);
	--sp-color-border-inverse-subtle: var(--sp-ref-color-brand-border-subtle);
	--sp-color-border-inverse-strong: var(--sp-ref-color-brand-border-strong);
	--sp-color-border-inverse-dashed: var(--sp-ref-color-brand-border-dashed);
	--sp-color-layer-canvas: var(--sp-mode-color-layer-canvas);
	--sp-color-layer-1: var(--sp-mode-color-layer-1);
	--sp-color-layer-2: var(--sp-mode-color-layer-2);
	--sp-color-layer-3: var(--sp-mode-color-layer-3);
	--sp-color-layer-input: var(--sp-mode-color-layer-input);
	--sp-color-layer-thumbnail: var(--sp-mode-color-layer-thumbnail);
	--sp-color-layer-brand-start: var(--sp-mode-color-layer-brand-start);
	--sp-color-layer-brand-end: var(--sp-mode-color-layer-brand-end);
	--sp-color-layer-secondary-start: var(--sp-mode-color-layer-secondary-start);
	--sp-color-layer-secondary-end: var(--sp-mode-color-layer-secondary-end);
	--sp-color-layer-overlay: var(--sp-mode-color-layer-overlay);
	--sp-color-layer-brand-soft: var(--sp-mode-color-layer-brand-soft);
	--sp-color-layer-brand-hover: var(--sp-mode-color-layer-brand-hover);
	--sp-color-layer-brand-active: var(--sp-mode-color-layer-brand-active);
	--sp-color-layer-hover: var(--sp-mode-color-layer-hover);
	--sp-color-layer-active: var(--sp-mode-color-layer-active);
	--sp-color-layer-selected: var(--sp-mode-color-layer-selected);
	--sp-color-layer-disabled: var(--sp-mode-color-layer-disabled);
	--sp-color-section-brand-bg: var(--sp-mode-color-section-brand-bg);
	--sp-color-section-brand-text: var(--sp-mode-color-section-brand-text);
	--sp-color-section-brand-muted: var(--sp-mode-color-section-brand-muted);
	--sp-color-section-brand-accent: var(--sp-mode-color-section-brand-accent);
	--sp-color-section-brand-action-bg: var(--sp-mode-color-section-brand-action-bg);
	--sp-color-section-brand-action-hover-bg: var(--sp-mode-color-section-brand-action-hover-bg);
	--sp-color-section-brand-action-text: var(--sp-mode-color-section-brand-action-text);
	--sp-color-section-subtle-bg: var(--sp-mode-color-section-subtle-bg);
	--sp-color-section-gradient-bg: var(--sp-mode-color-section-gradient-bg);
	--sp-color-action-primary-bg: var(--sp-mode-color-action-primary-bg);
	--sp-color-action-primary-hover-bg: var(--sp-mode-color-action-primary-hover-bg);
	--sp-color-action-primary-active-bg: var(--sp-mode-color-action-primary-active-bg);
	--sp-color-action-primary-text: var(--sp-mode-color-action-primary-text);
	--sp-color-action-secondary-bg: var(--sp-mode-color-action-secondary-bg);
	--sp-color-action-secondary-hover-bg: var(--sp-mode-color-action-secondary-hover-bg);
	--sp-color-action-secondary-active-bg: var(--sp-mode-color-action-secondary-active-bg);
	--sp-color-action-secondary-text: var(--sp-mode-color-action-secondary-text);
	--sp-color-action-ghost-hover-bg: var(--sp-color-layer-hover);
	--sp-color-action-ghost-active-bg: var(--sp-color-layer-active);
	--sp-color-action-ghost-hover-border: var(--sp-color-border-selected);
	--sp-color-action-disabled-bg: var(--sp-mode-color-action-disabled-bg);
	--sp-color-action-disabled-text: var(--sp-mode-color-action-disabled-text);
	--sp-color-focus-ring: var(--sp-mode-color-focus-ring);
	--sp-color-status-danger: var(--sp-mode-color-status-danger);
	--sp-color-status-danger-soft: var(--sp-mode-color-status-danger-soft);
	--sp-color-text-danger: var(--sp-color-status-danger);
	--sp-color-spinner-track: var(--sp-mode-color-spinner-track);
	--sp-color-spinner-head: var(--sp-mode-color-spinner-head);

	--wp--preset--color--text-primary: var(--sp-color-text-primary);
	--wp--preset--color--text-strong: var(--sp-color-text-strong);
	--wp--preset--color--text-muted: var(--sp-color-text-muted);
	--wp--preset--color--text-inverse: var(--sp-color-text-inverse);
	--wp--preset--color--accent: var(--sp-color-text-accent);
	--wp--preset--color--layer-canvas: var(--sp-color-layer-canvas);
	--wp--preset--color--layer-1: var(--sp-color-layer-1);
	--wp--preset--color--layer-2: var(--sp-color-layer-2);
	--wp--preset--color--layer-3: var(--sp-color-layer-3);
	--wp--preset--color--border-subtle: var(--sp-color-border-subtle);
	--wp--preset--color--border-strong: var(--sp-color-border-strong);
	--wp--preset--color--action-primary: var(--sp-color-action-primary-bg);
	--wp--preset--color--action-primary-text: var(--sp-color-action-primary-text);
	--wp--preset--color--action-secondary: var(--sp-color-action-secondary-bg);
	--wp--preset--color--action-secondary-text: var(--sp-color-action-secondary-text);
	--wp--preset--color--header-start: var(--sp-color-layer-brand-start);
	--wp--preset--color--header-end: var(--sp-color-layer-brand-end);

	--sp-component-header-bg: var(--sp-mode-component-header-bg);
	--sp-component-header-utility-bg: var(--sp-mode-component-header-utility-bg);
	--sp-component-header-text: var(--sp-mode-component-header-text);
	--sp-component-header-border: var(--sp-mode-component-header-border);
	--sp-component-header-cta-bg: var(--sp-color-action-primary-bg);
	--sp-component-header-cta-text: var(--sp-color-action-primary-text);
	--sp-component-header-language-bg: var(--sp-mode-component-header-language-bg);
	--sp-component-header-language-border: var(--sp-mode-component-header-language-border);
	--sp-component-header-language-text: var(--sp-mode-component-header-language-text);
	--sp-component-header-language-hover-bg: var(--sp-mode-component-header-language-hover-bg);
	--sp-component-header-language-hover-text: var(--sp-mode-component-header-language-hover-text);
	--sp-component-header-language-active-bg: var(--sp-mode-component-header-language-active-bg);
	--sp-component-header-language-active-text: var(--sp-mode-component-header-language-active-text);
	--sp-component-header-language-active-shadow: var(--sp-mode-component-header-language-active-shadow);
	--sp-component-mega-menu-panel-bg: var(--sp-color-layer-2);
	--sp-component-mega-menu-panel-text: var(--sp-color-text-strong);
	--sp-component-mega-menu-panel-muted: var(--sp-color-text-muted);
	--sp-component-mega-menu-panel-divider: var(--sp-color-border-subtle);
	--sp-component-mega-menu-icon-bg: var(--sp-color-layer-3);
	--sp-component-mega-menu-panel-arrow-shadow: var(--sp-mode-component-mega-menu-panel-arrow-shadow);
	--sp-component-mega-menu-panel-shadow: var(--sp-mode-component-mega-menu-panel-shadow);
	--sp-component-search-overlay-backdrop: var(--sp-color-layer-overlay);
	--sp-component-search-overlay-panel-bg: var(--sp-color-layer-2);
	--sp-component-search-overlay-shadow: var(--sp-mode-component-search-overlay-shadow);
	--sp-component-search-overlay-border: var(--sp-color-border-subtle);
	--sp-component-search-overlay-divider: var(--sp-color-border-subtle);
	--sp-component-search-overlay-text: var(--sp-color-text-strong);
	--sp-component-search-overlay-muted: var(--sp-color-text-muted);
	--sp-component-search-result-border: var(--sp-color-border-selected);
	--sp-component-search-result-hover: var(--sp-color-layer-hover);
	--sp-component-search-result-focus: var(--sp-color-border-selected);
	--sp-component-search-type-pill-bg: var(--sp-color-layer-hover);
	--sp-component-search-type-pill-text: var(--sp-color-text-muted);
	--sp-component-search-input-bg: var(--sp-color-layer-input);
	--sp-component-search-input-shadow: var(--sp-mode-component-search-input-shadow);
	--sp-component-search-input-focus-border: var(--sp-color-border-selected);
	--sp-component-search-input-focus-shadow: 0 0 0 3px var(--sp-color-layer-selected);
	--sp-component-search-spinner-track: var(--sp-color-spinner-track);
	--sp-component-search-spinner-head: var(--sp-color-spinner-head);
	--sp-component-search-control-hover-bg: var(--sp-color-layer-hover);
	--sp-component-search-control-focus-shadow: 0 0 0 3px var(--sp-color-layer-selected);
	--sp-component-search-results-bg: var(--sp-color-layer-canvas);
	--sp-component-search-results-shadow: var(--sp-mode-component-search-results-shadow);
	--sp-component-search-scrollbar-thumb: var(--sp-color-border-strong);
	--sp-component-search-popular-link-bg: var(--sp-color-layer-1);
	--sp-component-search-thumbnail-bg: var(--sp-color-layer-thumbnail);
	--sp-component-search-placeholder-bg: var(--sp-color-layer-1);
	--sp-component-search-status-open-bg: var(--sp-ref-color-search-status-open);
	--sp-component-search-status-open-border: color-mix(in srgb, var(--sp-component-search-status-open-bg) 18%, var(--sp-color-layer-2));
	--sp-component-search-status-closed-bg: var(--sp-ref-color-search-status-closed);
	--sp-component-search-status-closed-border: color-mix(in srgb, var(--sp-component-search-status-closed-bg) 18%, var(--sp-color-layer-2));
	--sp-component-footer-bg: var(--sp-mode-component-footer-bg);
	--sp-component-footer-bg-secondary: var(--sp-mode-component-footer-bg-secondary);
	--sp-component-footer-text: var(--sp-ref-color-night-100);
	--sp-component-footer-muted: rgb(244 244 244 / 0.72);
	--sp-component-footer-subtle: rgb(244 244 244 / 0.56);
	--sp-component-footer-link: var(--sp-ref-color-night-50);
	--sp-component-footer-link-hover: var(--sp-ref-color-white);
	--sp-component-footer-accent: var(--sp-ref-color-primary-300);
	--sp-component-footer-border: var(--sp-mode-component-footer-border);
	--sp-component-footer-action-border: rgb(255 255 255 / 0.3);
	--sp-component-footer-action-hover-bg: rgb(255 255 255 / 0.08);
	--sp-component-footer-action-primary-hover-bg: color-mix(in srgb, var(--sp-ref-color-primary-300) 84%, var(--sp-ref-color-white) 16%);

	--sp-type-family-heading: var(--wp--preset--font-family--heading, var(--sp-ref-font-family-heading));
	--sp-type-family-display: var(--sp-ref-font-family-display);
	--sp-type-family-sans: var(--wp--preset--font-family--sans, var(--sp-ref-font-family-sans));
	--sp-type-size-body: var(--wp--preset--font-size--base, var(--sp-ref-font-size-body));
	--sp-type-size-body-lg: var(--wp--preset--font-size--lg, var(--sp-ref-font-size-body-lg));
	--sp-type-size-label: var(--sp-ref-font-size-label);
	--sp-type-size-meta: var(--sp-ref-font-size-meta);
	--sp-type-size-heading-6: var(--wp--preset--font-size--heading-6, var(--sp-ref-font-size-heading-6));
	--sp-type-size-heading-5: var(--wp--preset--font-size--heading-5, var(--sp-ref-font-size-heading-5));
	--sp-type-size-heading-4: var(--wp--preset--font-size--heading-4, var(--sp-ref-font-size-heading-4));
	--sp-type-size-heading-3: var(--wp--preset--font-size--heading-3, var(--sp-ref-font-size-heading-3));
	--sp-type-size-heading-2: var(--wp--preset--font-size--heading-2, var(--sp-ref-font-size-heading-2));
	--sp-type-size-heading-1: var(--wp--preset--font-size--heading-1, var(--sp-ref-font-size-heading-1));
	--sp-type-size-heading-sm: var(--sp-type-size-heading-3);
	--sp-type-size-brand: var(--sp-ref-font-size-brand);
	--sp-type-size-display: var(--wp--preset--font-size--display, var(--sp-ref-font-size-display));
	--sp-type-weight-regular: var(--sp-ref-font-weight-regular);
	--sp-type-weight-medium: var(--sp-ref-font-weight-medium);
	--sp-type-weight-semibold: var(--sp-ref-font-weight-semibold);
	--sp-type-weight-bold: var(--sp-ref-font-weight-bold);
	--sp-type-weight-extrabold: var(--sp-ref-font-weight-extrabold);
	--sp-type-line-height-body: var(--sp-ref-line-height-body);
	--sp-type-line-height-tight: var(--sp-ref-line-height-tight);
	--sp-type-line-height-copy: var(--sp-ref-line-height-copy);
	--sp-type-letter-spacing-label: var(--sp-ref-letter-spacing-label);

	--sp-layout-content-width: var(--wp--style--global--content-size, 75rem);
	--sp-layout-content-gutter: 2rem;
	--sp-layout-hero-width: 100rem;
	--sp-layout-header-height: 64px;
	--sp-layout-wide-width: var(--wp--style--global--wide-size, 75rem);
	--sp-layout-page-padding-block: clamp(var(--sp-space-5), 5vw, var(--sp-space-6));
	--sp-layout-section-gap: var(--sp-space-5);
	--sp-layout-content-gap: var(--sp-space-2);
	--sp-layout-heading-follow-gap: var(--sp-space-1);
	--sp-layout-heading-pre-gap: var(--sp-space-4);
	--sp-layout-breakpoint-min: var(--sp-ref-breakpoint-min);
	--sp-layout-breakpoint-xs: var(--sp-ref-breakpoint-xs);
	--sp-layout-breakpoint-sm: var(--sp-ref-breakpoint-sm);
	--sp-layout-breakpoint-md: var(--sp-ref-breakpoint-md);
	--sp-layout-breakpoint-nav: var(--sp-ref-breakpoint-nav);
	--sp-layout-breakpoint-lg: var(--sp-ref-breakpoint-lg);
	--sp-layout-radius-sm: var(--sp-ref-radius-sm);
	--sp-layout-radius-md: var(--sp-ref-radius-md);
	--sp-layout-radius-lg: var(--sp-ref-radius-lg);
	--sp-layout-radius-xl: var(--sp-ref-radius-xl);
	--sp-layout-shadow-card: none;
	--sp-layout-shadow-dropdown: none;
	--sp-layout-shadow-soft: none;
	--sp-layout-shadow-arrow: none;
	--sp-state-focus-ring-width: 2px;
	--sp-state-focus-ring-offset: 2px;
	--sp-state-focus-ring-color: var(--sp-color-focus-ring);
	--sp-state-disabled-opacity: 0.58;
	--sp-motion-duration-fast: 120ms;
	--sp-motion-duration-standard: 180ms;
	--sp-motion-duration-slow: 240ms;
	--sp-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);

	/* Transitional aliases for legacy names and pre-layer surface tokens. */
	--sp-color-ink: var(--sp-color-text-primary);
	--sp-color-sky: var(--sp-color-text-accent);
	--sp-color-deep: var(--sp-color-text-strong);
	--sp-color-teal: var(--sp-color-layer-brand-start);
	--sp-color-wash: var(--sp-color-layer-1);
	--sp-color-white: var(--sp-color-layer-canvas);
	--sp-color-border: var(--sp-color-border-subtle);
	--sp-color-muted: var(--sp-color-text-muted);
	--sp-color-yellow: var(--sp-color-action-primary-bg);
	--sp-color-surface-page: var(--sp-color-layer-canvas);
	--sp-color-surface-muted: var(--sp-color-layer-1);
	--sp-color-surface-elevated: var(--sp-color-layer-2);
	--sp-color-surface-raised: var(--sp-color-layer-3);
	--sp-color-surface-input: var(--sp-color-layer-input);
	--sp-color-surface-thumbnail: var(--sp-color-layer-thumbnail);
	--sp-color-surface-header-start: var(--sp-color-layer-brand-start);
	--sp-color-surface-header-end: var(--sp-color-layer-brand-end);
	--sp-color-surface-secondary-row-start: var(--sp-color-layer-secondary-start);
	--sp-color-surface-secondary-row-end: var(--sp-color-layer-secondary-end);
	--sp-color-surface-section-brand: var(--sp-color-section-brand-bg);
	--sp-color-surface-section-subtle: var(--sp-color-section-subtle-bg);
	--sp-color-surface-section-gradient: var(--sp-color-section-gradient-bg);
	--sp-color-surface-overlay: var(--sp-color-layer-overlay);
	--sp-color-surface-brand-soft: var(--sp-color-layer-brand-soft);
	--sp-color-surface-brand-hover: var(--sp-color-layer-brand-hover);
	--sp-color-surface-brand-active: var(--sp-color-layer-brand-active);
	--sp-color-surface-hover: var(--sp-color-layer-hover);
	--sp-space-1: var(--sp-ref-space-2);
	--sp-space-2: var(--sp-ref-space-4);
	--sp-space-3: var(--sp-ref-space-5);
	--sp-space-4: var(--sp-ref-space-6);
	--sp-space-5: var(--sp-ref-space-7);
	--sp-space-6: var(--sp-ref-space-8);
	--sp-width-content: var(--sp-layout-content-width);
}

[data-theme="dark"] {
	--sp-mode-color-text-primary: var(--sp-dark-color-text-primary);
	--sp-mode-color-text-strong: var(--sp-dark-color-text-strong);
	--sp-mode-color-text-muted: var(--sp-dark-color-text-muted);
	--sp-mode-color-text-inverse: var(--sp-dark-color-text-inverse);
	--sp-mode-color-text-inverse-muted: var(--sp-dark-color-text-inverse-muted);
	--sp-mode-color-text-inverse-subtle: var(--sp-dark-color-text-inverse-subtle);
	--sp-mode-color-text-accent: var(--sp-dark-color-text-accent);
	--sp-mode-color-text-disabled: var(--sp-dark-color-text-disabled);
	--sp-mode-color-link-default: var(--sp-dark-color-link-default);
	--sp-mode-color-link-hover: var(--sp-dark-color-link-hover);
	--sp-mode-color-link-inverse: var(--sp-dark-color-link-inverse);
	--sp-mode-color-link-inverse-hover: var(--sp-dark-color-link-inverse-hover);
	--sp-mode-color-border-subtle: var(--sp-dark-color-border-subtle);
	--sp-mode-color-border-strong: var(--sp-dark-color-border-strong);
	--sp-mode-color-border-disabled: var(--sp-dark-color-border-disabled);
	--sp-mode-color-border-selected: var(--sp-dark-color-border-selected);
	--sp-mode-color-border-danger: var(--sp-dark-color-border-danger);
	--sp-mode-color-layer-canvas: var(--sp-dark-color-layer-canvas);
	--sp-mode-color-layer-1: var(--sp-dark-color-layer-1);
	--sp-mode-color-layer-2: var(--sp-dark-color-layer-2);
	--sp-mode-color-layer-3: var(--sp-dark-color-layer-3);
	--sp-mode-color-layer-input: var(--sp-dark-color-layer-input);
	--sp-mode-color-layer-thumbnail: var(--sp-dark-color-layer-thumbnail);
	--sp-mode-color-layer-brand-start: var(--sp-dark-color-layer-brand-start);
	--sp-mode-color-layer-brand-end: var(--sp-dark-color-layer-brand-end);
	--sp-mode-color-layer-secondary-start: var(--sp-dark-color-layer-secondary-start);
	--sp-mode-color-layer-secondary-end: var(--sp-dark-color-layer-secondary-end);
	--sp-mode-color-layer-overlay: var(--sp-dark-color-layer-overlay);
	--sp-mode-color-layer-brand-soft: var(--sp-dark-color-layer-brand-soft);
	--sp-mode-color-layer-brand-hover: var(--sp-dark-color-layer-brand-hover);
	--sp-mode-color-layer-brand-active: var(--sp-dark-color-layer-brand-active);
	--sp-mode-color-layer-hover: var(--sp-dark-color-layer-hover);
	--sp-mode-color-layer-active: var(--sp-dark-color-layer-active);
	--sp-mode-color-layer-selected: var(--sp-dark-color-layer-selected);
	--sp-mode-color-layer-disabled: var(--sp-dark-color-layer-disabled);
	--sp-mode-color-section-brand-bg: var(--sp-dark-color-section-brand-bg);
	--sp-mode-color-section-brand-text: var(--sp-dark-color-section-brand-text);
	--sp-mode-color-section-brand-muted: var(--sp-dark-color-section-brand-muted);
	--sp-mode-color-section-brand-accent: var(--sp-dark-color-section-brand-accent);
	--sp-mode-color-section-brand-action-bg: var(--sp-dark-color-section-brand-action-bg);
	--sp-mode-color-section-brand-action-hover-bg: var(--sp-dark-color-section-brand-action-hover-bg);
	--sp-mode-color-section-brand-action-text: var(--sp-dark-color-section-brand-action-text);
	--sp-mode-color-section-subtle-bg: var(--sp-dark-color-section-subtle-bg);
	--sp-mode-color-section-gradient-bg: var(--sp-dark-color-section-gradient-bg);
	--sp-mode-color-action-primary-bg: var(--sp-dark-color-action-primary-bg);
	--sp-mode-color-action-primary-hover-bg: var(--sp-dark-color-action-primary-hover-bg);
	--sp-mode-color-action-primary-active-bg: var(--sp-dark-color-action-primary-active-bg);
	--sp-mode-color-action-primary-text: var(--sp-dark-color-action-primary-text);
	--sp-mode-color-action-secondary-bg: var(--sp-dark-color-action-secondary-bg);
	--sp-mode-color-action-secondary-hover-bg: var(--sp-dark-color-action-secondary-hover-bg);
	--sp-mode-color-action-secondary-active-bg: var(--sp-dark-color-action-secondary-active-bg);
	--sp-mode-color-action-secondary-text: var(--sp-dark-color-action-secondary-text);
	--sp-mode-color-action-disabled-bg: var(--sp-dark-color-action-disabled-bg);
	--sp-mode-color-action-disabled-text: var(--sp-dark-color-action-disabled-text);
	--sp-mode-color-focus-ring: var(--sp-dark-color-focus-ring);
	--sp-mode-color-status-danger: var(--sp-dark-color-status-danger);
	--sp-mode-color-status-danger-soft: var(--sp-dark-color-status-danger-soft);
	--sp-mode-color-spinner-track: var(--sp-dark-color-spinner-track);
	--sp-mode-color-spinner-head: var(--sp-dark-color-spinner-head);
	--sp-mode-component-header-bg: var(--sp-dark-component-header-bg);
	--sp-mode-component-header-utility-bg: var(--sp-dark-component-header-utility-bg);
	--sp-mode-component-header-text: var(--sp-dark-component-header-text);
	--sp-mode-component-header-border: var(--sp-dark-component-header-border);
	--sp-mode-component-header-language-bg: var(--sp-dark-component-header-language-bg);
	--sp-mode-component-header-language-border: var(--sp-dark-component-header-language-border);
	--sp-mode-component-header-language-text: var(--sp-dark-component-header-language-text);
	--sp-mode-component-header-language-hover-bg: var(--sp-dark-component-header-language-hover-bg);
	--sp-mode-component-header-language-hover-text: var(--sp-dark-component-header-language-hover-text);
	--sp-mode-component-header-language-active-bg: var(--sp-dark-component-header-language-active-bg);
	--sp-mode-component-header-language-active-text: var(--sp-dark-component-header-language-active-text);
	--sp-mode-component-header-language-active-shadow: var(--sp-dark-component-header-language-active-shadow);
	--sp-mode-component-mega-menu-panel-shadow: var(--sp-dark-component-mega-menu-panel-shadow);
	--sp-mode-component-mega-menu-panel-arrow-shadow: var(--sp-dark-component-mega-menu-panel-arrow-shadow);
	--sp-mode-component-search-overlay-shadow: var(--sp-dark-component-search-overlay-shadow);
	--sp-mode-component-search-input-shadow: var(--sp-dark-component-search-input-shadow);
	--sp-mode-component-search-results-shadow: var(--sp-dark-component-search-results-shadow);
	--sp-mode-component-footer-bg: var(--sp-dark-component-footer-bg);
	--sp-mode-component-footer-bg-secondary: var(--sp-dark-component-footer-bg-secondary);
	--sp-mode-component-footer-border: var(--sp-dark-component-footer-border);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme]),
	[data-theme="southernpartners-default"] {
		--sp-mode-color-text-primary: var(--sp-dark-color-text-primary);
		--sp-mode-color-text-strong: var(--sp-dark-color-text-strong);
		--sp-mode-color-text-muted: var(--sp-dark-color-text-muted);
		--sp-mode-color-text-inverse: var(--sp-dark-color-text-inverse);
		--sp-mode-color-text-inverse-muted: var(--sp-dark-color-text-inverse-muted);
		--sp-mode-color-text-inverse-subtle: var(--sp-dark-color-text-inverse-subtle);
		--sp-mode-color-text-accent: var(--sp-dark-color-text-accent);
		--sp-mode-color-text-disabled: var(--sp-dark-color-text-disabled);
		--sp-mode-color-link-default: var(--sp-dark-color-link-default);
		--sp-mode-color-link-hover: var(--sp-dark-color-link-hover);
		--sp-mode-color-link-inverse: var(--sp-dark-color-link-inverse);
		--sp-mode-color-link-inverse-hover: var(--sp-dark-color-link-inverse-hover);
		--sp-mode-color-border-subtle: var(--sp-dark-color-border-subtle);
		--sp-mode-color-border-strong: var(--sp-dark-color-border-strong);
		--sp-mode-color-border-disabled: var(--sp-dark-color-border-disabled);
		--sp-mode-color-border-selected: var(--sp-dark-color-border-selected);
		--sp-mode-color-border-danger: var(--sp-dark-color-border-danger);
		--sp-mode-color-layer-canvas: var(--sp-dark-color-layer-canvas);
		--sp-mode-color-layer-1: var(--sp-dark-color-layer-1);
		--sp-mode-color-layer-2: var(--sp-dark-color-layer-2);
		--sp-mode-color-layer-3: var(--sp-dark-color-layer-3);
		--sp-mode-color-layer-input: var(--sp-dark-color-layer-input);
		--sp-mode-color-layer-thumbnail: var(--sp-dark-color-layer-thumbnail);
		--sp-mode-color-layer-brand-start: var(--sp-dark-color-layer-brand-start);
		--sp-mode-color-layer-brand-end: var(--sp-dark-color-layer-brand-end);
		--sp-mode-color-layer-secondary-start: var(--sp-dark-color-layer-secondary-start);
		--sp-mode-color-layer-secondary-end: var(--sp-dark-color-layer-secondary-end);
		--sp-mode-color-layer-overlay: var(--sp-dark-color-layer-overlay);
		--sp-mode-color-layer-brand-soft: var(--sp-dark-color-layer-brand-soft);
		--sp-mode-color-layer-brand-hover: var(--sp-dark-color-layer-brand-hover);
		--sp-mode-color-layer-brand-active: var(--sp-dark-color-layer-brand-active);
		--sp-mode-color-layer-hover: var(--sp-dark-color-layer-hover);
		--sp-mode-color-layer-active: var(--sp-dark-color-layer-active);
		--sp-mode-color-layer-selected: var(--sp-dark-color-layer-selected);
		--sp-mode-color-layer-disabled: var(--sp-dark-color-layer-disabled);
		--sp-mode-color-section-brand-bg: var(--sp-dark-color-section-brand-bg);
		--sp-mode-color-section-brand-text: var(--sp-dark-color-section-brand-text);
		--sp-mode-color-section-brand-muted: var(--sp-dark-color-section-brand-muted);
		--sp-mode-color-section-brand-accent: var(--sp-dark-color-section-brand-accent);
		--sp-mode-color-section-brand-action-bg: var(--sp-dark-color-section-brand-action-bg);
		--sp-mode-color-section-brand-action-hover-bg: var(--sp-dark-color-section-brand-action-hover-bg);
		--sp-mode-color-section-brand-action-text: var(--sp-dark-color-section-brand-action-text);
		--sp-mode-color-section-subtle-bg: var(--sp-dark-color-section-subtle-bg);
		--sp-mode-color-section-gradient-bg: var(--sp-dark-color-section-gradient-bg);
		--sp-mode-color-action-primary-bg: var(--sp-dark-color-action-primary-bg);
		--sp-mode-color-action-primary-hover-bg: var(--sp-dark-color-action-primary-hover-bg);
		--sp-mode-color-action-primary-active-bg: var(--sp-dark-color-action-primary-active-bg);
		--sp-mode-color-action-primary-text: var(--sp-dark-color-action-primary-text);
		--sp-mode-color-action-secondary-bg: var(--sp-dark-color-action-secondary-bg);
		--sp-mode-color-action-secondary-hover-bg: var(--sp-dark-color-action-secondary-hover-bg);
		--sp-mode-color-action-secondary-active-bg: var(--sp-dark-color-action-secondary-active-bg);
		--sp-mode-color-action-secondary-text: var(--sp-dark-color-action-secondary-text);
		--sp-mode-color-action-disabled-bg: var(--sp-dark-color-action-disabled-bg);
		--sp-mode-color-action-disabled-text: var(--sp-dark-color-action-disabled-text);
		--sp-mode-color-focus-ring: var(--sp-dark-color-focus-ring);
		--sp-mode-color-status-danger: var(--sp-dark-color-status-danger);
		--sp-mode-color-status-danger-soft: var(--sp-dark-color-status-danger-soft);
		--sp-mode-color-spinner-track: var(--sp-dark-color-spinner-track);
		--sp-mode-color-spinner-head: var(--sp-dark-color-spinner-head);
		--sp-mode-component-header-bg: var(--sp-dark-component-header-bg);
		--sp-mode-component-header-utility-bg: var(--sp-dark-component-header-utility-bg);
		--sp-mode-component-header-text: var(--sp-dark-component-header-text);
		--sp-mode-component-header-border: var(--sp-dark-component-header-border);
		--sp-mode-component-header-language-bg: var(--sp-dark-component-header-language-bg);
		--sp-mode-component-header-language-border: var(--sp-dark-component-header-language-border);
		--sp-mode-component-header-language-text: var(--sp-dark-component-header-language-text);
		--sp-mode-component-header-language-hover-bg: var(--sp-dark-component-header-language-hover-bg);
		--sp-mode-component-header-language-hover-text: var(--sp-dark-component-header-language-hover-text);
		--sp-mode-component-header-language-active-bg: var(--sp-dark-component-header-language-active-bg);
		--sp-mode-component-header-language-active-text: var(--sp-dark-component-header-language-active-text);
		--sp-mode-component-header-language-active-shadow: var(--sp-dark-component-header-language-active-shadow);
		--sp-mode-component-mega-menu-panel-shadow: var(--sp-dark-component-mega-menu-panel-shadow);
		--sp-mode-component-mega-menu-panel-arrow-shadow: var(--sp-dark-component-mega-menu-panel-arrow-shadow);
		--sp-mode-component-search-overlay-shadow: var(--sp-dark-component-search-overlay-shadow);
		--sp-mode-component-search-input-shadow: var(--sp-dark-component-search-input-shadow);
		--sp-mode-component-search-results-shadow: var(--sp-dark-component-search-results-shadow);
		--sp-mode-component-footer-bg: var(--sp-dark-component-footer-bg);
		--sp-mode-component-footer-bg-secondary: var(--sp-dark-component-footer-bg-secondary);
		--sp-mode-component-footer-border: var(--sp-dark-component-footer-border);
	}
}