/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #f4c9c5;
  --red-300: #fda29b;
  --red-400: #f97066;
  --red-500: #f44336;
  --red-600: #d92d20;
  --red-700: #b42318;
  --red-800: #912018;
  --red-900: #7a271a;
  --red-950: #450a0a;
  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --sky-200: #bae6fd;
  --sky-300: #7dd3fc;
  --sky-400: #38bdf8;
  --sky-500: #0ea5e9;
  --sky-600: #0284c7;
  --sky-700: #0369a1;
  --sky-800: #075985;
  --sky-900: #0c4a6e;
  --sky-950: #082f49;
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --blue-950: #172554;
  --cyan-50: #ecfeff;
  --cyan-100: #cffafe;
  --cyan-200: #a5f3fc;
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;
  --cyan-700: #0e7490;
  --cyan-800: #155e75;
  --cyan-900: #164e63;
  --cyan-950: #083344;
  --font-family-base: Inter;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;
  --lime-50: #f7fee7;
  --lime-100: #ecfccb;
  --lime-200: #d9f99d;
  --lime-300: #bef264;
  --lime-400: #a3e635;
  --lime-500: #84cc16;
  --lime-600: #65a30d;
  --lime-700: #4d7c0f;
  --lime-800: #3f6212;
  --lime-900: #365314;
  --lime-950: #1a2e05;
  --pink-50: #fdf2f8;
  --pink-100: #fce7f3;
  --pink-200: #fbcfe8;
  --pink-300: #f9a8d4;
  --pink-400: #f472b6;
  --pink-500: #ec4899;
  --pink-600: #db2777;
  --pink-700: #be185d;
  --pink-800: #9d174d;
  --pink-900: #831843;
  --pink-950: #500724;
  --rose-50: #fff1f2;
  --rose-100: #ffe4e6;
  --rose-200: #fecdd3;
  --rose-300: #fda4af;
  --rose-400: #fb7185;
  --rose-500: #f43f5e;
  --rose-600: #e11d48;
  --rose-700: #be123c;
  --rose-800: #9f1239;
  --rose-900: #881337;
  --rose-950: #4c0519;
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --teal-950: #042f2e;
  --zinc-50: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --amber-900: #78350f;
  --amber-950: #451a03;
  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-300: #86efac;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --green-950: #052e16;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --stone-50: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --stone-600: #57534e;
  --stone-700: #44403c;
  --stone-800: #292524;
  --stone-900: #1c1917;
  --stone-950: #0c0a09;
  --white-0: #ffffff;
  --border-radius-lg: 8px;
  --border-radius-md: 6px;
  --border-radius-sm: 4px;
  --border-radius-xl: 12px;
  --border-radius-xs: 2px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 24px;
  --border-radius-4xl: 32px;
  --border-radius-full: 999px;
  --border-radius-none: 0;
  --indigo-50: #eef4ff;
  --indigo-100: #e0eaff;
  --indigo-200: #c7d7fe;
  --indigo-300: #a4bcfd;
  --indigo-400: #8098f9;
  --indigo-500: #6172f3;
  --indigo-600: #444ce7;
  --indigo-700: #3538cd;
  --indigo-800: #2d31a6;
  --indigo-900: #2d3282;
  --indigo-950: #1a184d;
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --orange-950: #431407;
  --purple-50: #faf5ff;
  --purple-100: #f3e8ff;
  --purple-200: #e9d5ff;
  --purple-300: #d8b4fe;
  --purple-400: #c084fc;
  --purple-500: #a855f7;
  --purple-600: #9333ea;
  --purple-700: #7e22ce;
  --purple-800: #6b21a8;
  --purple-900: #581c87;
  --purple-950: #3b0764;
  --violet-50: #f5f3ff;
  --violet-100: #ede9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #2e1065;
  --yellow-50: #fefce8;
  --yellow-100: #fef9c3;
  --yellow-200: #fef08a;
  --yellow-300: #fde047;
  --yellow-400: #facc15;
  --yellow-500: #eab308;
  --yellow-600: #ca8a04;
  --yellow-700: #a16207;
  --yellow-800: #854d0e;
  --yellow-900: #713f12;
  --yellow-950: #422006;
  --emerald-50: #ecfdf5;
  --emerald-100: #d1fae5;
  --emerald-200: #a7f3d0;
  --emerald-300: #6ee7b7;
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --emerald-800: #065f46;
  --emerald-900: #064e3b;
  --emerald-950: #022c22;
  --fuchsia-50: #fdf4ff;
  --fuchsia-100: #fae8ff;
  --fuchsia-200: #f5d0fe;
  --fuchsia-300: #f0abfc;
  --fuchsia-400: #e879f9;
  --fuchsia-500: #d946ef;
  --fuchsia-600: #c026d3;
  --fuchsia-700: #a21caf;
  --fuchsia-800: #86198f;
  --fuchsia-900: #701a75;
  --fuchsia-950: #4a044e;
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;
  --transparent: rgba(0, 0, 0, 0);
  --vibrant-purple-50: #fff8ff;
  --vibrant-purple-100: #fff0ff;
  --vibrant-purple-200: #fad9ff;
  --vibrant-purple-300: #f2bcff;
  --vibrant-purple-400: #e78eff;
  --vibrant-purple-500: #cc33ff;
  --vibrant-purple-600: #b11fea;
  --vibrant-purple-700: #911dc0;
  --vibrant-purple-800: #741a98;
  --vibrant-purple-900: #58166f;
  --vibrant-purple-950: #3a0e49;
  --form-field-lg-font-size: 1rem;
  --form-field-lg-padding-x: 0.75rem;
  --form-field-lg-padding-y: 0.5rem;
  --form-field-sm-font-size: 0.75rem;
  --form-field-sm-padding-x: 0.5rem;
  --form-field-sm-padding-y: 0.375rem;
  --form-field-focus-ring-color: rgba(0, 0, 0, 0);
  --form-field-focus-ring-style: none;
  --form-field-focus-ring-width: 0;
  --form-field-focus-ring-offset: 0;
  --form-field-focus-ring-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --form-field-padding-x: 0.625rem;
  --form-field-padding-y: 0.5rem;
  --form-field-shadow: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
  --form-label-font-size: 0.875rem;
  --icon-default: 0.875rem;
  --icon-size-lg: 0.875rem;
  --icon-size-sm: 0.625rem;
  --icon-size-xl: 1rem;
  --icon-size-normal: 0.75rem;
  --list-gap: 2px;
  --list-header-padding: 0.5rem 0.625rem 0.25rem 0.625rem;
  --list-option-group-font-weight: 600;
  --list-option-group-padding: 0.5rem 0.625rem;
  --list-option-group-background: rgba(0, 0, 0, 0);
  --list-option-padding: 0.5rem 0.625rem;
  --list-padding: 0.25rem 0.25rem;
  --focus-ring-style: solid;
  --focus-ring-width: 1px;
  --focus-ring-offset: 2px;
  --focus-ring-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --anchor-gutter: 2px;
  --heading-card-size: 16px;
  --heading-card-weight: 600;
  --heading-card-line-height: 24px;
  --heading-page-size: 30px;
  --heading-page-weight: 600;
  --heading-page-line-height: 38px;
  --heading-card-sm-size: 14px;
  --heading-card-sm-weight: 600;
  --heading-card-sm-line-height: 20px;
  --heading-section-size: 18px;
  --heading-section-weight: 600;
  --heading-section-line-height: 26px;
  --overlay-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --overlay-modal-padding: 1.125rem;
  --overlay-select-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --overlay-popover-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --overlay-popover-padding: 0.625rem;
  --overlay-navigation-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --overlay-title-font-size: 1.25rem;
  --primary-contrast-color: #ffffff;
  --disabled-opacity: 0.6;
  --navigation-item-gap: 0.5rem;
  --navigation-item-padding: 0.5rem 0.625rem;
  --navigation-list-gap: 2px;
  --navigation-list-padding: 0.25rem 0.25rem;
  --navigation-submenu-icon-size: 0.75rem;
  --navigation-submenu-label-font-weight: 600;
  --navigation-submenu-label-padding: 0.5rem 0.625rem;
  --navigation-submenu-label-background: rgba(0, 0, 0, 0);
  --transition-duration: 0.2s;
  --mask-background: rgba(0, 0, 0, 0.4);
  --surface-0: #ffffff;
  --tag-font-size: 12px;
  --tag-font-weight: 600;
  --tag-icon-size: 0.75rem;
  --tag-padding: 4px 8px;
  --tag-figma-container-background: rgba(0, 0, 0, 0);
  --card-body-gap: 0.5rem;
  --card-body-padding: 1.125rem;
  --card-title-font-size: 1.125rem;
  --card-title-font-weight: 500;
  --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --card-caption-gap: 0.5rem;
  --chip-gap: 0.5rem;
  --chip-icon-size: 0.875rem;
  --chip-image-width: 1.75rem;
  --chip-image-height: 1.75rem;
  --chip-border-radius: 16px;
  --chip-remove-icon-size: 0.875rem;
  --chip-padding-x: 0.625rem;
  --chip-padding-y: 0.25rem;
  --dock-item-size: 2.625rem;
  --dock-item-padding: 0.5rem;
  --dock-border-color: rgba(255, 255, 255, 0.2);
  --dock-padding: 0.5rem;
  --dock-background: rgba(255, 255, 255, 0.1);
  --tabs-nav-button-focus-ring-offset: -1px;
  --tabs-nav-button-width: 2.25rem;
  --tabs-nav-button-shadow: 0 0 10px 50px rgba(255, 255, 255, 0.6);
  --tabs-tab-gap: 0.5rem;
  --tabs-tab-font-weight: 600;
  --tabs-tab-focus-ring-offset: -1px;
  --tabs-tab-hover-background: rgba(0, 0, 0, 0);
  --tabs-tab-active-background: rgba(0, 0, 0, 0);
  --tabs-tab-border-width: 1px;
  --tabs-tab-margin: 0;
  --tabs-tab-padding: 0.875rem 1rem;
  --tabs-tab-background: rgba(0, 0, 0, 0);
  --tabs-active-bar-bottom: -1px;
  --tabs-active-bar-height: 1px;
  --tabs-tablist-border-width: 1px;
  --tabs-tabpanel-padding: 0.75rem 1rem 1rem 1rem;
  --tree-gap: 2px;
  --tree-node-gap: 0.25rem;
  --tree-node-focus-ring-offset: -1px;
  --tree-node-toggle-button-size: 1.5rem;
  --tree-node-padding: 0.25rem 0.5rem;
  --tree-filter-margin: 0.5rem;
  --tree-indent: 0.875rem;
  --tree-loading-icon-size: 1.75rem;
  --tree-padding: 0.875rem;
  --badge-lg-min-width: 1.5rem;
  --badge-lg-font-size: 0.75rem;
  --badge-lg-height: 1.5rem;
  --badge-sm-min-width: 1.125rem;
  --badge-sm-font-size: 0.5rem;
  --badge-sm-height: 1.125rem;
  --badge-xl-min-width: 1.75rem;
  --badge-xl-font-size: 0.875rem;
  --badge-xl-height: 1.75rem;
  --badge-dot-size: 0.5rem;
  --badge-min-width: 1.25rem;
  --badge-font-size: 0.625rem;
  --badge-font-weight: 700;
  --badge-height: 1.25rem;
  --badge-padding: 0 0.5rem;
  --image-action-icon-size: 1.25rem;
  --image-action-size: 2.625rem;
  --image-action-hover-background: rgba(255, 255, 255, 0.1);
  --image-preview-icon-size: 1.25rem;
  --image-toolbar-gap: 0.5rem;
  --image-toolbar-blur: 8;
  --image-toolbar-border-color: rgba(255, 255, 255, 0.2);
  --image-toolbar-border-width: 1px;
  --image-toolbar-border-radius: 30px;
  --image-toolbar-padding: 0.5rem;
  --image-toolbar-position-top: 0.875rem;
  --image-toolbar-position-left: auto;
  --image-toolbar-position-right: 0.875rem;
  --image-toolbar-position-bottom: auto;
  --image-toolbar-background: rgba(255, 255, 255, 0.1);
  --panel-title-font-weight: 600;
  --panel-footer-padding: 0 1rem 1rem 1rem;
  --panel-header-border-width: 0;
  --panel-header-border-radius: 0;
  --panel-header-padding: 1rem;
  --panel-header-background: rgba(0, 0, 0, 0);
  --panel-content-padding: 0 1rem 1rem 1rem;
  --panel-toggleable-header-padding: 0.375rem 1rem;
  --toast-icon-size: 1rem;
  --toast-text-gap: 0.5rem;
  --toast-close-icon-size: 0.875rem;
  --toast-close-button-width: 1.5rem;
  --toast-close-button-height: 1.5rem;
  --toast-width: 22rem;
  --toast-border-width: 1px;
  --toast-detail-font-size: 0.75rem;
  --toast-detail-font-weight: 500;
  --toast-content-gap: 0.5rem;
  --toast-summary-font-size: 0.875rem;
  --toast-summary-font-weight: 500;
  --toast-blur: 1.5;
  --toast-info-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --toast-info-shadow: 0 4px 8px 0 rgba(2, 5, 10, 0.04);
  --toast-warn-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --toast-warn-shadow: 0 4px 8px 0 rgba(9, 7, 0, 0.04);
  --toast-error-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --toast-error-shadow: 0 4px 8px 0 rgba(10, 3, 3, 0.04);
  --toast-success-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --toast-success-shadow: 0 4px 8px 0 rgba(1, 8, 4, 0.04);
  --toast-contrast-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --toast-contrast-shadow: 0 4px 8px 0 rgba(0, 0, 1, 0.04);
  --toast-secondary-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --toast-secondary-shadow: 0 4px 8px 0 rgba(4, 5, 6, 0.04);
  --avatar-lg-font-size: 1.25rem;
  --avatar-lg-icon-size: 1.25rem;
  --avatar-lg-group-offset: -0.875rem;
  --avatar-lg-width: 2.625rem;
  --avatar-lg-height: 2.625rem;
  --avatar-sm-font-size: 0.5rem;
  --avatar-sm-icon-size: 0.5rem;
  --avatar-sm-width: 1rem;
  --avatar-sm-height: 1rem;
  --avatar-md-font-size: 0.625rem;
  --avatar-md-icon-size: 0.75rem;
  --avatar-md-group-offset: -0.5rem;
  --avatar-md-width: 1.375rem;
  --avatar-md-height: 1.375rem;
  --avatar-xl-font-size: 1.75rem;
  --avatar-xl-icon-size: 1.75rem;
  --avatar-xl-group-offset: -1.25rem;
  --avatar-xl-width: 3.5rem;
  --avatar-xl-height: 3.5rem;
  --avatar-font-size: 0.875rem;
  --avatar-icon-size: 0.875rem;
  --avatar-group-offset: -0.625rem;
  --avatar-width: 1.75rem;
  --avatar-height: 1.75rem;
  --button-lg-font-size: 1rem;
  --button-lg-icon-only-min-height: 38px;
  --button-lg-icon-only-width: 2.625rem;
  --button-lg-padding-x: 0.75rem;
  --button-lg-padding-y: 0.5rem;
  --button-sm-font-size: 0.75rem;
  --button-sm-icon-only-min-height: 29px; /** To make icon-only buttons the same height as other buttons. */
  --button-sm-icon-only-width: 1.75rem;
  --button-sm-padding-x: 0.5rem;
  --button-sm-padding-y: 0.375rem;
  --button-gap: 0.5rem;
  --button-font-size: 0.875rem;
  --button-icon-only-min-height: 35px; /** To make icon-only buttons the same height as other buttons. */
  --button-icon-only-width: 2.25rem;
  --button-text-disabled-opacity: 0.6;
  --button-badge-size: 0.875rem;
  --button-label-font-weight: 500;
  --button-raised-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --button-rounded-border-radius: 1.75rem;
  --button-disabled-opacity: 0.7;
  --button-outlined-disabled-opacity: 0.6;
  --button-help-color: #ffffff;
  --button-help-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-help-hover-color: #ffffff;
  --button-help-active-color: #ffffff;
  --button-info-color: #ffffff;
  --button-info-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-info-hover-color: #ffffff;
  --button-info-active-color: #ffffff;
  --button-warn-color: #ffffff;
  --button-warn-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-warn-hover-color: #ffffff;
  --button-warn-active-color: #ffffff;
  --button-figma-raised-background: rgba(255, 255, 255, 0.01);
  --button-danger-color: #ffffff;
  --button-danger-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-danger-hover-color: #ffffff;
  --button-danger-active-color: #ffffff;
  --button-primary-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-success-color: #ffffff;
  --button-success-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-success-hover-color: #ffffff;
  --button-success-active-color: #ffffff;
  --button-contrast-focus-ring-shadow: 0 0 0 0 #00000000;
  --button-secondary-focus-ring-shadow: 0 0 0 0 #00000000;
  --dialog-title-font-size: 1.125rem;
  --dialog-title-font-weight: 600;
  --dialog-footer-gap: 0.5rem;
  --dialog-header-gap: 0.5rem;
  --drawer-title-font-size: 1.25rem;
  --drawer-title-font-weight: 600;
  --rating-gap: 0.25rem;
  --rating-icon-size: 0.875rem;
  --select-dropdown-width: 2.25rem;
  --select-checkmark-gutter-end: 0.375rem;
  --select-checkmark-gutter-start: -0.375rem;
  --slider-track-size: 3px;
  --slider-handle-width: 20px;
  --slider-handle-height: 20px;
  --slider-handle-content-width: 16px;
  --slider-handle-content-height: 16px;
  --slider-handle-content-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.08), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  --divider-vertical-margin: 0;
  --divider-vertical-content-padding: 0.5rem;
  --divider-vertical-padding: 0;
  --divider-horizontal-margin: 0;
  --divider-horizontal-content-padding: 0 0.5rem;
  --divider-horizontal-padding: 0;
  --listbox-checkmark-gutter-end: 0.375rem;
  --listbox-checkmark-gutter-start: -0.375rem;
  --menubar-gap: 0.5rem;
  --menubar-mobile-button-size: 1.5rem;
  --menubar-padding: 0.5rem 0.625rem;
  --menubar-submenu-mobile-indent: 0.875rem;
  --message-icon-lg-size: 1.125rem;
  --message-icon-sm-size: 0.875rem;
  --message-icon-size: 1rem;
  --message-text-lg-font-size: 1rem;
  --message-text-sm-font-size: 0.75rem;
  --message-text-font-size: 0.875rem;
  --message-text-font-weight: 500;
  --message-close-icon-lg-size: 1rem;
  --message-close-icon-sm-size: 0.75rem;
  --message-close-icon-size: 0.875rem;
  --message-close-button-width: 1.5rem;
  --message-close-button-height: 1.5rem;
  --message-border-width: 1px;
  --message-simple-content-padding: 0;
  --message-content-lg-padding: 0.5rem 0.75rem;
  --message-content-sm-padding: 0.375rem 0.5rem;
  --message-content-gap: 0.5rem;
  --message-content-padding: 0.5rem 0.625rem;
  --message-outlined-border-width: 1px;
  --message-info-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --message-info-shadow: 0 4px 8px 0 rgba(2, 5, 10, 0.04);
  --message-warn-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --message-warn-shadow: 0 4px 8px 0 rgba(9, 7, 0, 0.04);
  --message-error-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --message-error-shadow: 0 4px 8px 0 rgba(10, 3, 3, 0.04);
  --message-success-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --message-success-shadow: 0 4px 8px 0 rgba(1, 8, 4, 0.04);
  --message-contrast-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --message-contrast-shadow: 0 4px 8px 0 rgba(0, 0, 1, 0.04);
  --message-secondary-close-button-focus-ring-shadow: 0 0 0 0 #00000000;
  --message-secondary-shadow: 0 4px 8px 0 rgba(4, 5, 6, 0.04);
  --popover-arrow-offset: 1.125rem;
  --popover-gutter: 10px;
  --stepper-step-gap: 0.875rem;
  --stepper-step-title-font-weight: 500;
  --stepper-step-header-gap: 0.5rem;
  --stepper-step-header-padding: 0;
  --stepper-step-number-font-size: 1rem;
  --stepper-step-number-font-weight: 500;
  --stepper-step-number-size: 1.5rem; /** Was 1.75rem */
  --stepper-step-number-border-radius: 0.875rem; /** Used to be stepper.step.number.size/2 */
  --stepper-step-number-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  --stepper-step-padding: 0.5rem;
  --stepper-separator-size: 2px;
  --stepper-separator-margin: 0 0 0 0.875rem;
  --stepper-steppanel-indent: 0.875rem;
  --stepper-steppanel-padding: 0;
  --stepper-steppanels-padding: 0.75rem 0.5rem 1rem 0.5rem;
  --toolbar-gap: 0.5rem;
  --toolbar-padding: 0.625rem;
  --tooltip-max-width: 11rem;
  --tooltip-gutter: 0.25rem;
  --tooltip-padding: 0.5rem 0.625rem;
  --carousel-content-gap: 0.25rem;
  --carousel-indicator-list-gap: 0.5rem;
  --carousel-indicator-list-padding: 0.875rem;
  --carousel-indicator-width: 1.75rem;
  --carousel-indicator-height: 0.5rem;
  --carousel-figma-item-tag-background: rgba(0, 0, 0, 0);
  --checkbox-lg-width: 1.25rem;
  --checkbox-lg-height: 1.25rem;
  --checkbox-sm-width: 0.875rem;
  --checkbox-sm-height: 0.875rem;
  --checkbox-icon-lg-size: 0.875rem;
  --checkbox-icon-sm-size: 0.625rem;
  --checkbox-icon-size: 0.75rem;
  --checkbox-width: 1.125rem;
  --checkbox-height: 1.125rem;
  --dataview-border-color: rgba(0, 0, 0, 0);
  --dataview-border-width: 0;
  --dataview-border-radius: 0;
  --dataview-footer-border-width: 1px;
  --dataview-footer-border-radius: 0;
  --dataview-footer-padding: 0.625rem 0.875rem;
  --dataview-header-border-width: 1px;
  --dataview-header-border-radius: 0;
  --dataview-header-padding: 0.625rem 0.875rem;
  --dataview-content-border-color: rgba(0, 0, 0, 0);
  --dataview-content-border-width: 0;
  --dataview-content-border-radius: 0;
  --dataview-content-padding: 0;
  --dataview-padding: 0;
  --dataview-paginator-top-border-width: 1px;
  --dataview-paginator-bottom-border-width: 1px;
  --fieldset-legend-gap: 0.5rem;
  --fieldset-legend-font-weight: 600;
  --fieldset-legend-border-color: rgba(0, 0, 0, 0);
  --fieldset-legend-border-width: 1px;
  --fieldset-legend-padding: 0.5rem 0.625rem;
  --fieldset-content-padding: 0;
  --fieldset-padding: 1rem 1rem 1rem 1rem;
  --galleria-nav-icon-size: 1.25rem;
  --galleria-nav-button-size: 2.625rem;
  --galleria-nav-button-hover-background: rgba(255, 255, 255, 0.2);
  --galleria-nav-button-gutter: 0.5rem;
  --galleria-nav-button-background: rgba(255, 255, 255, 0.1);
  --galleria-close-button-icon-size: 1.25rem;
  --galleria-close-button-size: 2.625rem;
  --galleria-close-button-hover-background: rgba(255, 255, 255, 0.2);
  --galleria-close-button-gutter: 0.5rem;
  --galleria-close-button-background: rgba(255, 255, 255, 0.1);
  --galleria-inset-indicator-list-background: rgba(0, 0, 0, 0.5);
  --galleria-inset-indicator-button-hover-background: rgba(255, 255, 255, 0.6);
  --galleria-inset-indicator-button-active-background: rgba(255, 255, 255, 0.9);
  --galleria-inset-indicator-button-background: rgba(255, 255, 255, 0.4);
  --galleria-border-width: 1px;
  --galleria-caption-padding: 0.875rem;
  --galleria-caption-background: rgba(0, 0, 0, 0.5);
  --galleria-indicator-list-gap: 0.5rem;
  --galleria-indicator-list-padding: 0.875rem;
  --galleria-indicator-button-width: 0.875rem;
  --galleria-indicator-button-height: 0.875rem;
  --galleria-thumbnail-nav-button-icon-size: 0.875rem;
  --galleria-thumbnail-nav-button-size: 1.75rem;
  --galleria-thumbnail-nav-button-gutter: 0.5rem;
  --galleria-thumbnails-content-padding: 0.875rem 0.25rem;
  --inputotp-gap: 0.5rem;
  --inputotp-input-lg-width: 2.625rem;
  --inputotp-input-sm-width: 1.75rem;
  --inputotp-input-width: 2.25rem;
  --megamenu-gap: 0.5rem;
  --megamenu-mobile-button-size: 1.5rem;
  --megamenu-overlay-gap: 0.5rem;
  --megamenu-overlay-padding: 0;
  --megamenu-horizontal-orientation-gap: 0.5rem;
  --megamenu-horizontal-orientation-padding: 0.5rem 0.625rem;
  --password-meter-height: 0.625rem;
  --password-content-gap: 0.5rem;
  --picklist-gap: 1rem;
  --picklist-controls-gap: 0.5rem;
  --skeleton-animation-background: rgba(255, 255, 255, 0.4);
  --splitter-handle-size: 24px;
  --splitter-handle-background: rgba(0, 0, 0, 0);
  --terminal-height: 15.75rem;
  --terminal-prompt-gap: 0.25rem;
  --terminal-command-response-margin: 2rem;
  --timeline-event-min-height: 4.375rem;
  --timeline-event-marker-size: 1rem;
  --timeline-event-marker-border-width: 2px;
  --timeline-event-marker-content-size: 0.375rem;
  --timeline-event-marker-content-inset-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  --timeline-event-connector-size: 2px;
  --timeline-vertical-event-content-padding: 0 0.875rem;
  --timeline-horizontal-event-content-padding: 0.875rem;
  --accordion-panel-border-width: 1px;
  --accordion-header-font-weight: 600;
  --accordion-header-last-active-bottom-border-radius: 0;
  --accordion-header-first-border-width: 0;
  --accordion-header-border-width: 0;
  --accordion-header-border-radius: 0;
  --accordion-header-padding: 1rem;
  --accordion-content-border-width: 0;
  --accordion-content-padding: 0 1rem 1rem 1rem;
  --datatable-row-focus-ring-offset: -1px;
  --datatable-row-toggle-button-size: 1.5rem;
  --datatable-body-cell-lg-padding: 0.875rem 1.125rem;
  --datatable-body-cell-sm-padding: 0.375rem 0.5rem;
  --datatable-body-cell-padding: 0.625rem 0.875rem;
  --datatable-sort-icon-size: 0.75rem;
  --datatable-column-title-font-weight: 600;
  --datatable-column-footer-font-weight: 600;
  --datatable-column-resizer-width: 0.5rem;
  --datatable-filter-inline-gap: 0.5rem;
  --datatable-filter-overlay-popover-gap: 0.5rem;
  --datatable-footer-lg-padding: 0.875rem 1.125rem;
  --datatable-footer-sm-padding: 0.375rem 0.5rem;
  --datatable-footer-cell-lg-padding: 0.875rem 1.125rem;
  --datatable-footer-cell-sm-padding: 0.375rem 0.5rem;
  --datatable-footer-cell-padding: 0.625rem 0.875rem;
  --datatable-footer-border-width: 1px;
  --datatable-footer-padding: 0.625rem 0.875rem;
  --datatable-header-lg-padding: 0.875rem 1.125rem;
  --datatable-header-sm-padding: 0.375rem 0.5rem;
  --datatable-header-cell-lg-padding: 0.875rem 1.125rem;
  --datatable-header-cell-sm-padding: 0.375rem 0.5rem;
  --datatable-header-cell-gap: 0.5rem;
  --datatable-header-cell-focus-ring-offset: -1px;
  --datatable-header-cell-padding: 0.625rem 0.875rem;
  --datatable-header-border-width: 1px;
  --datatable-header-padding: 0.625rem 0.875rem;
  --datatable-resize-indicator-width: 1px;
  --datatable-loading-icon-size: 1.75rem;
  --datatable-paginator-top-border-width: 1px;
  --datatable-paginator-bottom-border-width: 1px;
  --iftalabel-font-size: 0.625rem;
  --iftalabel-font-weight: 400;
  --iftalabel-input-padding-top: 1.25rem;
  --iftalabel-transition-duration: 0.2s;
  --inputtext-lg-font-size: 1rem;
  --inputtext-sm-font-size: 0.75rem;
  --inputtext-font-size: 0.875rem;
  --inputtext-helptext-font-size: 0.75rem;
  --orderlist-gap: 1rem;
  --orderlist-controls-gap: 0.5rem;
  --paginator-gap: 0.25rem;
  --paginator-nav-button-width: 2.25rem;
  --paginator-nav-button-border-radius: 1.125rem; /** Used to be paginator.nav.button.width/2 */
  --paginator-nav-button-height: 2.25rem;
  --paginator-nav-button-background: rgba(0, 0, 0, 0);
  --paginator-jump-to-page-input-max-width: 2.25rem;
  --paginator-padding: 0.5rem 0.875rem;
  --panelmenu-gap: 0.5rem;
  --panelmenu-item-gap: 0.5rem;
  --panelmenu-panel-last-border-width: 1px;
  --panelmenu-panel-first-border-width: 1px;
  --panelmenu-panel-border-width: 1px;
  --panelmenu-panel-padding: 0.25rem 0.25rem;
  --panelmenu-submenu-indent: 0.875rem;
  --speeddial-gap: 0.5rem;
  --treetable-row-focus-ring-offset: -1px;
  --treetable-body-cell-gap: 0.5rem;
  --treetable-body-cell-padding: 0.625rem 0.875rem;
  --treetable-node-toggle-button-size: 1.5rem;
  --treetable-sort-icon-size: 0.75rem;
  --treetable-column-title-font-weight: 600;
  --treetable-column-footer-font-weight: 600;
  --treetable-column-resizer-width: 0.5rem;
  --treetable-footer-cell-padding: 0.625rem 0.875rem;
  --treetable-footer-border-width: 1px;
  --treetable-footer-padding: 0.625rem 0.875rem;
  --treetable-header-cell-gap: 0.5rem;
  --treetable-header-cell-focus-ring-offset: -1px;
  --treetable-header-cell-padding: 0.625rem 0.875rem;
  --treetable-header-border-width: 1px;
  --treetable-header-padding: 0.625rem 0.875rem;
  --treetable-resize-indicator-width: 1px;
  --treetable-loading-icon-size: 1.75rem;
  --treetable-paginator-top-border-width: 1px;
  --treetable-paginator-bottom-border-width: 1px;
  --breadcrumb-gap: 0.5rem;
  --breadcrumb-padding: 0.875rem;
  --datepicker-day-view-margin: 0.5rem;
  --datepicker-date-width: 1.75rem;
  --datepicker-date-border-radius: 0.875rem; /** Previous value 1.75rem / 2 */
  --datepicker-date-height: 1.75rem;
  --datepicker-date-padding: 0.25rem;
  --datepicker-time-picker-gap: 0.5rem;
  --datepicker-time-picker-button-gap: 0.25rem;
  --datepicker-time-picker-padding: 0.5rem;
  --datepicker-week-day-font-weight: 500;
  --datepicker-week-day-padding: 0.25rem;
  --datepicker-year-view-margin: 0.5rem;
  --datepicker-year-padding: 0.375rem;
  --datepicker-month-view-margin: 0.5rem;
  --datepicker-month-padding: 0.375rem;
  --datepicker-title-gap: 0.5rem;
  --datepicker-title-font-weight: 500;
  --datepicker-header-padding: 0;
  --datepicker-select-year-padding: 0.25rem 0.5rem;
  --datepicker-select-month-padding: 0.25rem 0.5rem;
  --datepicker-dropdown-lg-width: 2.625rem;
  --datepicker-dropdown-sm-width: 1.75rem;
  --datepicker-dropdown-width: 2.25rem;
  --datepicker-buttonbar-padding: 0.5rem;
  --fileupload-file-gap: 0.875rem;
  --fileupload-file-info-gap: 0.5rem;
  --fileupload-file-list-gap: 0.5rem;
  --fileupload-file-padding: 0.875rem;
  --fileupload-basic-gap: 0.5rem;
  --fileupload-header-gap: 0.5rem;
  --fileupload-header-border-color: rgba(0, 0, 0, 0);
  --fileupload-header-border-width: 0;
  --fileupload-header-border-radius: 0;
  --fileupload-header-padding: 1rem;
  --fileupload-header-background: rgba(0, 0, 0, 0);
  --fileupload-content-gap: 0.875rem;
  --fileupload-content-padding: 0 1rem 1rem 1rem;
  --fileupload-progressbar-height: 0.25rem;
  --floatlabel-in-input-padding-top: 2.25rem;
  --floatlabel-on-active-padding: 0 0.125rem;
  --floatlabel-font-weight: 500;
  --floatlabel-over-active-top: -1.125rem;
  --floatlabel-active-font-size: 0.625rem;
  --floatlabel-active-font-weight: 400;
  --floatlabel-transition-duration: 0.2s;
  --inputgroup-addon-min-width: 2.25rem;
  --inputgroup-addon-padding: 0.5rem;
  --metergroup-gap: 0.875rem;
  --metergroup-label-gap: 0.5rem;
  --metergroup-label-icon-size: 0.875rem;
  --metergroup-label-list-vertical-gap: 0.5rem;
  --metergroup-label-list-horizontal-gap: 0.875rem;
  --metergroup-label-marker-size: 0.5rem;
  --metergroup-meters-size: 0.5rem;
  --tieredmenu-submenu-mobile-indent: 0.875rem;
  --treeselect-dropdown-width: 2.25rem;
  --colorpicker-preview-width: 1.25rem;
  --colorpicker-preview-height: 1.25rem;
  --contextmenu-submenu-mobile-indent: 0.875rem;
  --inputnumber-button-width: 2.25rem;
  --inputnumber-button-background: rgba(0, 0, 0, 0);
  --multiselect-option-gap: 0.5rem;
  --multiselect-dropdown-width: 2.25rem;
  --progressbar-label-font-size: 0.625rem;
  --progressbar-label-font-weight: 600;
  --progressbar-height: 1.125rem;
  --radiobutton-lg-width: 1.25rem;
  --radiobutton-lg-height: 1.25rem;
  --radiobutton-sm-width: 0.875rem;
  --radiobutton-sm-height: 0.875rem;
  --radiobutton-icon-lg-size: 0.875rem;
  --radiobutton-icon-sm-size: 0.5rem;
  --radiobutton-icon-size: 0.625rem;
  --radiobutton-width: 1.125rem;
  --radiobutton-height: 1.125rem;
  --scrollpanel-bar-size: 9px;
  --splitbutton-raised-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --splitbutton-rounded-border-radius: 1.75rem;
  --autocomplete-chip-padding-x: 0.625rem;
  --autocomplete-chip-padding-y: 0.25rem;
  --autocomplete-dropdown-lg-width: 2.625rem;
  --autocomplete-dropdown-sm-width: 1.75rem;
  --autocomplete-dropdown-width: 2.25rem;
  --confirmpopup-icon-size: 1.25rem;
  --confirmpopup-arrow-offset: 1.125rem;
  --confirmpopup-footer-gap: 0.5rem;
  --confirmpopup-gutter: 10px;
  --confirmpopup-content-gap: 0.875rem;
  --featuredicon-lg-size: 28px;
  --featuredicon-lg-padding: 6px;
  --featuredicon-md-size: 24px;
  --featuredicon-md-padding: 5px;
  --featuredicon-sm-size: 18px;
  --featuredicon-sm-padding: 3px;
  --featuredicon-xs-size: 14px;
  --featuredicon-xs-padding: 2px;
  --featuredicon-border-width: 1px;
  --imagecompare-handle-size: 15px;
  --imagecompare-handle-focus-ring-color: rgba(255, 255, 255, 0.3);
  --imagecompare-handle-hover-size: 30px;
  --imagecompare-handle-hover-border-color: rgba(0, 0, 0, 0);
  --imagecompare-handle-hover-background: rgba(255, 255, 255, 0.3);
  --imagecompare-handle-border-color: rgba(0, 0, 0, 0);
  --imagecompare-handle-border-width: 0;
  --imagecompare-handle-background: rgba(255, 255, 255, 0.3);
  --overlaybadge-outline-width: 2px;
  --togglebutton-lg-padding: 0.25rem;
  --togglebutton-sm-padding: 0.25rem;
  --togglebutton-gap: 0.5rem;
  --togglebutton-font-weight: 500;
  --togglebutton-content-lg-padding: 0.25rem 0.625rem;
  --togglebutton-content-sm-padding: 0.25rem 0.625rem;
  --togglebutton-content-checked-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --togglebutton-content-padding: 0.25rem 0.625rem;
  --togglebutton-padding: 0.25rem;
  --toggleswitch-gap: 0.25rem;
  --toggleswitch-hover-border-color: rgba(0, 0, 0, 0);
  --toggleswitch-slide-duration: 0.2s;
  --toggleswitch-width: 2.25rem;
  --toggleswitch-border-color: rgba(0, 0, 0, 0);
  --toggleswitch-border-width: 1px;
  --toggleswitch-border-radius: 30px;
  --toggleswitch-handle-size: 0.875rem;
  --toggleswitch-height: 1.25rem;
  --toggleswitch-checked-hover-border-color: rgba(0, 0, 0, 0);
  --toggleswitch-checked-border-color: rgba(0, 0, 0, 0);
  --cascadeselect-list-mobile-indent: 0.875rem;
  --cascadeselect-option-icon-size: 0.75rem;
  --cascadeselect-dropdown-width: 2.25rem;
  --confirmdialog-icon-size: 1.75rem;
  --confirmdialog-content-gap: 0.875rem;
  --virtualscroller-loader-icon-size: 1.75rem;
  --organizationchart-node-toggle-button-size: 1.25rem;
  --organizationchart-node-padding: 0.625rem 0.875rem;
  --organizationchart-node-toggleable-padding: 0.625rem 0.875rem 1.125rem 0.875rem;
  --organizationchart-gutter: 0.625rem;
  --organizationchart-connector-height: 24px;
  --ripple-background: rgba(0, 0, 0, 0.1);
  --app-lg-font-size: 1rem;
  --app-lg-line-height: 1.5rem;
  --app-md-font-size: 0.875rem; /** Used in all components that don't have font size tokens specified. */
  --app-sm-font-size: 0.75rem;
  --app-sm-line-height: 1.125rem;
  --app-font-size: 16px;
  --form-field-gap: var(--space-2);
  --form-field-border-radius: var(--border-radius-md);
  --form-field-transition-duration: var(--transition-duration);
  --form-field-invalid-border-color: var(--red-400);
  --form-field-invalid-placeholder-color: var(--red-600);
  --form-field-background: var(--surface-0);
  --form-label-required-indicator-gap: var(--space-1);
  --form-label-required-indicator-color: var(--red-400);
  --list-option-border-radius: var(--border-radius-sm);
  --layout-block-spacing: var(--space-6); /** Default spacing between components and contents blocks on a page.  */
  --content-border-radius: var(--border-radius-md);
  --content-background: var(--surface-0);
  --heading-card-gap: var(--space-4);
  --heading-card-padding-top: var(--space-0);
  --heading-card-padding-left: var(--space-0);
  --heading-card-padding-right: var(--space-0);
  --heading-card-padding-bottom: var(--space-3);
  --heading-page-gap: var(--space-6);
  --heading-page-padding-top: var(--space-0);
  --heading-page-padding-left: var(--space-0);
  --heading-page-padding-right: var(--space-0);
  --heading-page-padding-bottom: var(--space-6);
  --heading-card-sm-gap: var(--space-3);
  --heading-card-sm-padding-top: var(--space-0);
  --heading-card-sm-padding-left: var(--space-0);
  --heading-card-sm-padding-right: var(--space-0);
  --heading-card-sm-padding-bottom: var(--space-1);
  --heading-section-gap: var(--space-4);
  --heading-section-padding-top: var(--space-0);
  --heading-section-padding-left: var(--space-0);
  --heading-section-padding-right: var(--space-0);
  --heading-section-padding-bottom: var(--space-4);
  --overlay-modal-border-radius: var(--border-radius-xl);
  --overlay-modal-background: var(--surface-0);
  --overlay-select-border-radius: var(--border-radius-md);
  --overlay-select-background: var(--surface-0);
  --overlay-popover-border-radius: var(--border-radius-md);
  --overlay-popover-background: var(--surface-0);
  --primary-50: var(--vibrant-purple-50);
  --primary-100: var(--vibrant-purple-100);
  --primary-200: var(--vibrant-purple-200);
  --primary-300: var(--vibrant-purple-300);
  --primary-400: var(--vibrant-purple-400);
  --primary-500: var(--vibrant-purple-500);
  --primary-600: var(--vibrant-purple-600);
  --primary-700: var(--vibrant-purple-700);
  --primary-800: var(--vibrant-purple-800);
  --primary-900: var(--vibrant-purple-900);
  --primary-950: var(--vibrant-purple-950);
  --navigation-item-border-radius: var(--border-radius-sm);
  --surface-50: var(--slate-50);
  --surface-100: var(--slate-100);
  --surface-200: var(--slate-200);
  --surface-300: var(--slate-300);
  --surface-400: var(--slate-400);
  --surface-500: var(--slate-500);
  --surface-600: var(--slate-600);
  --surface-700: var(--slate-700);
  --surface-800: var(--slate-800);
  --surface-900: var(--slate-900);
  --surface-950: var(--slate-950);
  --tag-gap: var(--space-1);
  --tag-rounded-border-radius: var(--border-radius-xl);
  --tag-icononly-border-radius: var(--border-radius-full);
  --tag-icononly-padding: var(--space-1);
  --tag-info-color: var(--indigo-700);
  --tag-info-border-color: var(--indigo-100);
  --tag-info-background: var(--indigo-50);
  --tag-warn-color: var(--orange-700);
  --tag-warn-border-color: var(--orange-100);
  --tag-warn-background: var(--orange-50);
  --tag-danger-color: var(--red-700);
  --tag-danger-border-color: var(--red-100);
  --tag-danger-background: var(--red-50);
  --tag-success-color: var(--green-700);
  --tag-success-border-color: var(--green-100);
  --tag-success-background: var(--green-50);
  --tag-contrast-color: var(--surface-0);
  --card-border-radius: var(--border-radius-xl);
  --chip-remove-icon-focus-ring-style: var(--focus-ring-style);
  --chip-remove-icon-focus-ring-width: var(--focus-ring-width);
  --chip-remove-icon-focus-ring-offset: var(--focus-ring-offset);
  --chip-remove-icon-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --chip-transition-duration: var(--transition-duration);
  --dock-item-focus-ring-style: var(--focus-ring-style);
  --dock-item-focus-ring-width: var(--focus-ring-width);
  --dock-item-focus-ring-offset: var(--focus-ring-offset);
  --dock-item-focus-ring-shadow: var(--focus-ring-shadow);
  --dock-border-radius: var(--border-radius-xl);
  --knob-focus-ring-style: var(--focus-ring-style);
  --knob-focus-ring-width: var(--focus-ring-width);
  --knob-focus-ring-offset: var(--focus-ring-offset);
  --knob-focus-ring-shadow: var(--focus-ring-shadow);
  --knob-transition-duration: var(--transition-duration);
  --menu-item-gap: var(--navigation-item-gap);
  --menu-item-padding: var(--navigation-item-padding);
  --menu-list-gap: var(--navigation-list-gap);
  --menu-list-padding: var(--navigation-list-padding);
  --menu-shadow: var(--overlay-navigation-shadow);
  --menu-submenu-label-font-weight: var(--navigation-submenu-label-font-weight);
  --menu-submenu-label-padding: var(--navigation-submenu-label-padding);
  --menu-submenu-label-background: var(--navigation-submenu-label-background);
  --menu-transition-duration: var(--transition-duration);
  --tabs-nav-button-focus-ring-style: var(--focus-ring-style);
  --tabs-nav-button-focus-ring-width: var(--focus-ring-width);
  --tabs-nav-button-focus-ring-shadow: var(--focus-ring-shadow);
  --tabs-tab-focus-ring-style: var(--focus-ring-style);
  --tabs-tab-focus-ring-width: var(--focus-ring-width);
  --tabs-tab-focus-ring-shadow: var(--focus-ring-shadow);
  --tabs-tabpanel-focus-ring-style: var(--focus-ring-style);
  --tabs-tabpanel-focus-ring-width: var(--focus-ring-width);
  --tabs-tabpanel-focus-ring-offset: var(--focus-ring-offset);
  --tabs-tabpanel-focus-ring-shadow: var(--focus-ring-shadow);
  --tabs-transition-duration: var(--transition-duration);
  --tree-node-focus-ring-style: var(--focus-ring-style);
  --tree-node-focus-ring-width: var(--focus-ring-width);
  --tree-node-focus-ring-shadow: var(--focus-ring-shadow);
  --tree-node-toggle-button-focus-ring-style: var(--focus-ring-style);
  --tree-node-toggle-button-focus-ring-width: var(--focus-ring-width);
  --tree-node-toggle-button-focus-ring-offset: var(--focus-ring-offset);
  --tree-node-toggle-button-focus-ring-shadow: var(--focus-ring-shadow);
  --tree-node-toggle-button-border-radius: var(--tree-node-toggle-button-size) / 2;
  --tree-transition-duration: var(--transition-duration);
  --badge-border-radius: var(--border-radius-md);
  --badge-info-color: var(--surface-0);
  --badge-info-background: var(--sky-500);
  --badge-warn-color: var(--surface-0);
  --badge-warn-background: var(--orange-500);
  --badge-danger-color: var(--surface-0);
  --badge-danger-background: var(--red-500);
  --badge-primary-color: var(--primary-contrast-color);
  --badge-success-color: var(--surface-0);
  --badge-success-background: var(--green-500);
  --badge-contrast-color: var(--surface-0);
  --image-action-focus-ring-style: var(--focus-ring-style);
  --image-action-focus-ring-width: var(--focus-ring-width);
  --image-action-focus-ring-offset: var(--focus-ring-offset);
  --image-action-focus-ring-shadow: var(--focus-ring-shadow);
  --image-action-hover-color: var(--surface-0);
  --image-action-border-radius: var(--image-action-size) / 2;
  --image-preview-mask-background: var(--mask-background);
  --image-transition-duration: var(--transition-duration);
  --toast-close-button-focus-ring-style: var(--focus-ring-style);
  --toast-close-button-focus-ring-width: var(--focus-ring-width);
  --toast-close-button-focus-ring-offset: var(--focus-ring-offset);
  --toast-close-button-border-radius: var(--toast-close-button-width) / 2;
  --toast-content-padding: var(--overlay-popover-padding);
  --toast-transition-duration: var(--transition-duration);
  --toast-info-close-button-focus-ring-color: var(--blue-600);
  --toast-info-close-button-hover-background: var(--blue-100);
  --toast-info-color: var(--blue-600);
  --toast-info-border-color: var(--blue-200);
  --toast-info-background: var(--blue-50);
  --toast-warn-close-button-focus-ring-color: var(--yellow-600);
  --toast-warn-close-button-hover-background: var(--yellow-100);
  --toast-warn-color: var(--yellow-600);
  --toast-warn-border-color: var(--yellow-200);
  --toast-warn-background: var(--yellow-50);
  --toast-error-close-button-focus-ring-color: var(--red-600);
  --toast-error-close-button-hover-background: var(--red-100);
  --toast-error-color: var(--red-600);
  --toast-error-border-color: var(--red-200);
  --toast-error-background: var(--red-50);
  --toast-success-close-button-focus-ring-color: var(--green-600);
  --toast-success-close-button-hover-background: var(--green-100);
  --toast-success-color: var(--green-600);
  --toast-success-border-color: var(--green-200);
  --toast-success-background: var(--green-50);
  --toast-contrast-detail-color: var(--surface-0);
  --button-text-help-color: var(--purple-500);
  --button-text-help-hover-background: var(--purple-50);
  --button-text-help-active-background: var(--purple-100);
  --button-text-info-color: var(--indigo-500);
  --button-text-info-hover-background: var(--indigo-50);
  --button-text-info-active-background: var(--indigo-100);
  --button-text-warn-color: var(--orange-500);
  --button-text-warn-hover-background: var(--orange-50);
  --button-text-warn-active-background: var(--orange-100);
  --button-text-border-color: var(--transparent);
  --button-text-danger-color: var(--red-500);
  --button-text-danger-hover-background: var(--red-50);
  --button-text-danger-active-background: var(--red-100);
  --button-text-success-color: var(--green-500);
  --button-text-success-hover-background: var(--green-50);
  --button-text-success-active-background: var(--green-100);
  --button-text-background: var(--transparent);
  --button-focus-ring-style: var(--focus-ring-style);
  --button-focus-ring-width: var(--focus-ring-width);
  --button-focus-ring-offset: var(--focus-ring-offset);
  --button-padding-x: var(--form-field-padding-x);
  --button-padding-y: var(--form-field-padding-y);
  --button-outlined-help-color: var(--purple-500);
  --button-outlined-help-hover-background: var(--purple-50);
  --button-outlined-help-active-background: var(--purple-100);
  --button-outlined-help-border-color: var(--purple-200);
  --button-outlined-info-color: var(--indigo-500);
  --button-outlined-info-hover-background: var(--indigo-50);
  --button-outlined-info-active-background: var(--indigo-100);
  --button-outlined-info-border-color: var(--indigo-200);
  --button-outlined-warn-color: var(--orange-500);
  --button-outlined-warn-hover-background: var(--orange-50);
  --button-outlined-warn-active-background: var(--orange-100);
  --button-outlined-warn-border-color: var(--orange-200);
  --button-outlined-danger-color: var(--red-500);
  --button-outlined-danger-hover-background: var(--red-50);
  --button-outlined-danger-active-background: var(--red-100);
  --button-outlined-danger-border-color: var(--red-200);
  --button-outlined-success-color: var(--green-500);
  --button-outlined-success-hover-background: var(--green-50);
  --button-outlined-success-active-background: var(--green-100);
  --button-outlined-success-border-color: var(--green-200);
  --button-outlined-background: var(--transparent);
  --button-help-focus-ring-color: var(--purple-500);
  --button-help-hover-border-color: var(--purple-600);
  --button-help-hover-background: var(--purple-600);
  --button-help-active-border-color: var(--purple-700);
  --button-help-active-background: var(--purple-700);
  --button-help-border-color: var(--purple-500);
  --button-help-background: var(--purple-500);
  --button-info-focus-ring-color: var(--indigo-500);
  --button-info-hover-border-color: var(--indigo-600);
  --button-info-hover-background: var(--indigo-600);
  --button-info-active-border-color: var(--indigo-700);
  --button-info-active-background: var(--indigo-700);
  --button-info-border-color: var(--indigo-500);
  --button-info-background: var(--indigo-500);
  --button-link-color: var(--blue-500);
  --button-link-hover-color: var(--blue-600);
  --button-link-active-color: var(--blue-700);
  --button-link-border-color: var(--transparent);
  --button-link-background: var(--transparent);
  --button-warn-focus-ring-color: var(--orange-500);
  --button-warn-hover-border-color: var(--orange-600);
  --button-warn-hover-background: var(--orange-600);
  --button-warn-active-border-color: var(--orange-700);
  --button-warn-active-background: var(--orange-700);
  --button-warn-border-color: var(--orange-500);
  --button-warn-background: var(--orange-500);
  --button-danger-focus-ring-color: var(--red-500);
  --button-danger-hover-border-color: var(--red-600);
  --button-danger-hover-background: var(--red-600);
  --button-danger-active-border-color: var(--red-700);
  --button-danger-active-background: var(--red-700);
  --button-danger-border-color: var(--red-500);
  --button-danger-background: var(--red-500);
  --button-primary-color: var(--primary-contrast-color);
  --button-primary-hover-color: var(--primary-contrast-color);
  --button-primary-active-color: var(--primary-contrast-color);
  --button-success-focus-ring-color: var(--green-500);
  --button-success-hover-border-color: var(--green-600);
  --button-success-hover-background: var(--green-600);
  --button-success-active-border-color: var(--green-700);
  --button-success-active-background: var(--green-700);
  --button-success-border-color: var(--green-500);
  --button-success-background: var(--green-500);
  --button-contrast-color: var(--surface-0);
  --button-contrast-hover-color: var(--surface-0);
  --button-contrast-active-color: var(--surface-0);
  --dialog-footer-padding: 0 var(--overlay-modal-padding) var(--overlay-modal-padding) var(--overlay-modal-padding);
  --dialog-header-padding: var(--overlay-modal-padding);
  --dialog-shadow: var(--overlay-modal-shadow);
  --dialog-content-padding: 0 var(--overlay-modal-padding) var(--overlay-modal-padding) var(--overlay-modal-padding);
  --drawer-footer-padding: var(--overlay-modal-padding);
  --drawer-header-padding: var(--overlay-modal-padding);
  --drawer-shadow: var(--overlay-modal-shadow);
  --drawer-content-padding: 0 var(--overlay-modal-padding) var(--overlay-modal-padding) var(--overlay-modal-padding);
  --editor-overlay-option-padding: var(--list-option-padding);
  --editor-overlay-shadow: var(--overlay-select-shadow);
  --editor-overlay-padding: var(--list-padding);
  --rating-focus-ring-style: var(--focus-ring-style);
  --rating-focus-ring-width: var(--focus-ring-width);
  --rating-focus-ring-offset: var(--focus-ring-offset);
  --rating-focus-ring-shadow: var(--focus-ring-shadow);
  --rating-transition-duration: var(--transition-duration);
  --select-lg-font-size: var(--form-field-lg-font-size);
  --select-lg-padding-x: var(--form-field-lg-padding-x);
  --select-lg-padding-y: var(--form-field-lg-padding-y);
  --select-sm-font-size: var(--form-field-sm-font-size);
  --select-sm-padding-x: var(--form-field-sm-padding-x);
  --select-sm-padding-y: var(--form-field-sm-padding-y);
  --select-list-gap: var(--list-gap);
  --select-list-header-padding: var(--list-header-padding);
  --select-list-padding: var(--list-padding);
  --select-empty-message-padding: var(--list-option-padding);
  --select-focus-ring-color: var(--form-field-focus-ring-color);
  --select-focus-ring-style: var(--form-field-focus-ring-style);
  --select-focus-ring-width: var(--form-field-focus-ring-width);
  --select-focus-ring-offset: var(--form-field-focus-ring-offset);
  --select-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --select-option-group-font-weight: var(--list-option-group-font-weight);
  --select-option-group-padding: var(--list-option-group-padding);
  --select-option-group-background: var(--list-option-group-background);
  --select-option-padding: var(--list-option-padding);
  --select-shadow: var(--form-field-shadow);
  --select-overlay-shadow: var(--overlay-select-shadow);
  --select-padding-x: var(--form-field-padding-x);
  --select-padding-y: var(--form-field-padding-y);
  --slider-handle-focus-ring-style: var(--focus-ring-style);
  --slider-handle-focus-ring-width: var(--focus-ring-width);
  --slider-handle-focus-ring-offset: var(--focus-ring-offset);
  --slider-handle-focus-ring-shadow: var(--focus-ring-shadow);
  --slider-handle-border-radius: var(--slider-handle-width) / 2;
  --slider-handle-content-border-radius: var(--slider-handle-content-width) / 2;
  --slider-handle-content-background: var(--surface-0);
  --slider-transition-duration: var(--transition-duration);
  --inplace-focus-ring-style: var(--focus-ring-style);
  --inplace-focus-ring-width: var(--focus-ring-width);
  --inplace-focus-ring-offset: var(--focus-ring-offset);
  --inplace-focus-ring-shadow: var(--focus-ring-shadow);
  --inplace-padding: var(--form-field-padding-y) var(--form-field-padding-x);
  --inplace-transition-duration: var(--transition-duration);
  --listbox-list-gap: var(--list-gap);
  --listbox-list-header-padding: var(--list-header-padding);
  --listbox-list-padding: var(--list-padding);
  --listbox-empty-message-padding: var(--list-option-padding);
  --listbox-option-group-font-weight: var(--list-option-group-font-weight);
  --listbox-option-group-padding: var(--list-option-group-padding);
  --listbox-option-group-background: var(--list-option-group-background);
  --listbox-option-padding: var(--list-option-padding);
  --listbox-shadow: var(--form-field-shadow);
  --menubar-base-item-padding: var(--navigation-item-padding);
  --menubar-item-gap: var(--navigation-item-gap);
  --menubar-item-padding: var(--navigation-item-padding);
  --menubar-mobile-button-focus-ring-style: var(--focus-ring-style);
  --menubar-mobile-button-focus-ring-width: var(--focus-ring-width);
  --menubar-mobile-button-focus-ring-offset: var(--focus-ring-offset);
  --menubar-mobile-button-focus-ring-shadow: var(--focus-ring-shadow);
  --menubar-mobile-button-border-radius: var(--menubar-mobile-button-size) / 2;
  --menubar-submenu-gap: var(--navigation-list-gap);
  --menubar-submenu-icon-size: var(--navigation-submenu-icon-size);
  --menubar-submenu-shadow: var(--overlay-navigation-shadow);
  --menubar-submenu-padding: var(--navigation-list-padding);
  --menubar-transition-duration: var(--transition-duration);
  --message-close-button-focus-ring-style: var(--focus-ring-style);
  --message-close-button-focus-ring-width: var(--focus-ring-width);
  --message-close-button-focus-ring-offset: var(--focus-ring-offset);
  --message-close-button-border-radius: var(--message-close-button-width) / 2;
  --message-transition-duration: var(--transition-duration);
  --message-info-close-button-focus-ring-color: var(--blue-600);
  --message-info-close-button-hover-background: var(--blue-100);
  --message-info-color: var(--blue-600);
  --message-info-border-color: var(--blue-200);
  --message-info-simple-color: var(--blue-600);
  --message-info-outlined-color: var(--blue-600);
  --message-info-outlined-border-color: var(--blue-600);
  --message-info-background: var(--blue-50);
  --message-warn-close-button-focus-ring-color: var(--yellow-600);
  --message-warn-close-button-hover-background: var(--yellow-100);
  --message-warn-color: var(--yellow-600);
  --message-warn-border-color: var(--yellow-200);
  --message-warn-simple-color: var(--yellow-600);
  --message-warn-outlined-color: var(--yellow-600);
  --message-warn-outlined-border-color: var(--yellow-600);
  --message-warn-background: var(--yellow-50);
  --message-error-close-button-focus-ring-color: var(--red-600);
  --message-error-close-button-hover-background: var(--red-100);
  --message-error-color: var(--red-600);
  --message-error-border-color: var(--red-200);
  --message-error-simple-color: var(--red-600);
  --message-error-outlined-color: var(--red-600);
  --message-error-outlined-border-color: var(--red-600);
  --message-error-background: var(--red-50);
  --message-success-close-button-focus-ring-color: var(--green-600);
  --message-success-close-button-hover-background: var(--green-100);
  --message-success-color: var(--green-600);
  --message-success-border-color: var(--green-200);
  --message-success-simple-color: var(--green-600);
  --message-success-outlined-color: var(--green-600);
  --message-success-outlined-border-color: var(--green-600);
  --message-success-background: var(--green-50);
  --popover-shadow: var(--overlay-popover-shadow);
  --popover-content-padding: var(--overlay-popover-padding);
  --stepper-step-header-focus-ring-style: var(--focus-ring-style);
  --stepper-step-header-focus-ring-width: var(--focus-ring-width);
  --stepper-step-header-focus-ring-offset: var(--focus-ring-offset);
  --stepper-step-header-focus-ring-shadow: var(--focus-ring-shadow);
  --stepper-transition-duration: var(--transition-duration);
  --tooltip-shadow: var(--overlay-popover-shadow);
  --tooltip-color: var(--surface-0);
  --carousel-indicator-focus-ring-style: var(--focus-ring-style);
  --carousel-indicator-focus-ring-width: var(--focus-ring-width);
  --carousel-indicator-focus-ring-offset: var(--focus-ring-offset);
  --carousel-indicator-focus-ring-shadow: var(--focus-ring-shadow);
  --carousel-transition-duration: var(--transition-duration);
  --checkbox-icon-checked-color: var(--primary-contrast-color);
  --checkbox-icon-checked-hover-color: var(--primary-contrast-color);
  --checkbox-focus-ring-style: var(--focus-ring-style);
  --checkbox-focus-ring-width: var(--focus-ring-width);
  --checkbox-focus-ring-offset: var(--focus-ring-offset);
  --checkbox-focus-ring-shadow: var(--focus-ring-shadow);
  --checkbox-border-radius: var(--border-radius-sm);
  --checkbox-shadow: var(--form-field-shadow);
  --fieldset-legend-focus-ring-style: var(--focus-ring-style);
  --fieldset-legend-focus-ring-width: var(--focus-ring-width);
  --fieldset-legend-focus-ring-offset: var(--focus-ring-offset);
  --fieldset-legend-focus-ring-shadow: var(--focus-ring-shadow);
  --fieldset-transition-duration: var(--transition-duration);
  --galleria-nav-button-next-border-radius: var(--galleria-nav-button-size) / 2;
  --galleria-nav-button-prev-border-radius: var(--galleria-nav-button-size) / 2;
  --galleria-nav-button-focus-ring-style: var(--focus-ring-style);
  --galleria-nav-button-focus-ring-width: var(--focus-ring-width);
  --galleria-nav-button-focus-ring-offset: var(--focus-ring-offset);
  --galleria-nav-button-focus-ring-shadow: var(--focus-ring-shadow);
  --galleria-nav-button-hover-color: var(--surface-0);
  --galleria-close-button-focus-ring-style: var(--focus-ring-style);
  --galleria-close-button-focus-ring-width: var(--focus-ring-width);
  --galleria-close-button-focus-ring-offset: var(--focus-ring-offset);
  --galleria-close-button-focus-ring-shadow: var(--focus-ring-shadow);
  --galleria-close-button-hover-color: var(--surface-0);
  --galleria-close-button-border-radius: var(--galleria-close-button-size) / 2;
  --galleria-indicator-button-focus-ring-style: var(--focus-ring-style);
  --galleria-indicator-button-focus-ring-width: var(--focus-ring-width);
  --galleria-indicator-button-focus-ring-offset: var(--focus-ring-offset);
  --galleria-indicator-button-focus-ring-shadow: var(--focus-ring-shadow);
  --galleria-indicator-button-border-radius: var(--galleria-indicator-button-width) / 2;
  --galleria-thumbnail-nav-button-focus-ring-style: var(--focus-ring-style);
  --galleria-thumbnail-nav-button-focus-ring-width: var(--focus-ring-width);
  --galleria-thumbnail-nav-button-focus-ring-offset: var(--focus-ring-offset);
  --galleria-thumbnail-nav-button-focus-ring-shadow: var(--focus-ring-shadow);
  --galleria-transition-duration: var(--transition-duration);
  --megamenu-base-item-padding: var(--navigation-item-padding);
  --megamenu-item-gap: var(--navigation-item-gap);
  --megamenu-item-padding: var(--navigation-item-padding);
  --megamenu-mobile-button-focus-ring-style: var(--focus-ring-style);
  --megamenu-mobile-button-focus-ring-width: var(--focus-ring-width);
  --megamenu-mobile-button-focus-ring-offset: var(--focus-ring-offset);
  --megamenu-mobile-button-focus-ring-shadow: var(--focus-ring-shadow);
  --megamenu-mobile-button-border-radius: var(--megamenu-mobile-button-size) / 2;
  --megamenu-overlay-shadow: var(--overlay-navigation-shadow);
  --megamenu-submenu-gap: var(--navigation-list-gap);
  --megamenu-submenu-icon-size: var(--navigation-submenu-icon-size);
  --megamenu-submenu-label-font-weight: var(--navigation-submenu-label-font-weight);
  --megamenu-submenu-label-padding: var(--navigation-submenu-label-padding);
  --megamenu-submenu-label-background: var(--navigation-submenu-label-background);
  --megamenu-submenu-padding: var(--navigation-list-padding);
  --megamenu-vertical-orientation-gap: var(--navigation-list-gap);
  --megamenu-vertical-orientation-padding: var(--navigation-list-padding);
  --megamenu-transition-duration: var(--transition-duration);
  --password-overlay-shadow: var(--overlay-popover-shadow);
  --password-overlay-padding: var(--overlay-popover-padding);
  --password-strength-weak-background: var(--red-500);
  --password-strength-medium-background: var(--amber-500);
  --password-strength-strong-background: var(--green-500);
  --splitter-handle-focus-ring-style: var(--focus-ring-style);
  --splitter-handle-focus-ring-width: var(--focus-ring-width);
  --splitter-handle-focus-ring-offset: var(--focus-ring-offset);
  --splitter-handle-focus-ring-shadow: var(--focus-ring-shadow);
  --splitter-transition-duration: var(--transition-duration);
  --terminal-padding: var(--form-field-padding-y) var(--form-field-padding-x);
  --textarea-lg-font-size: var(--form-field-lg-font-size);
  --textarea-lg-padding-x: var(--form-field-lg-padding-x);
  --textarea-lg-padding-y: var(--form-field-lg-padding-y);
  --textarea-sm-font-size: var(--form-field-sm-font-size);
  --textarea-sm-padding-x: var(--form-field-sm-padding-x);
  --textarea-sm-padding-y: var(--form-field-sm-padding-y);
  --textarea-focus-ring-color: var(--form-field-focus-ring-color);
  --textarea-focus-ring-style: var(--form-field-focus-ring-style);
  --textarea-focus-ring-width: var(--form-field-focus-ring-width);
  --textarea-focus-ring-offset: var(--form-field-focus-ring-offset);
  --textarea-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --textarea-shadow: var(--form-field-shadow);
  --textarea-padding-x: var(--form-field-padding-x);
  --textarea-padding-y: var(--form-field-padding-y);
  --timeline-event-marker-border-radius: var(--timeline-event-marker-size) / 2;
  --timeline-event-marker-content-border-radius: var(--timeline-event-marker-content-size) / 2;
  --accordion-header-focus-ring-style: var(--focus-ring-style);
  --accordion-header-focus-ring-width: var(--focus-ring-width);
  --accordion-header-focus-ring-offset: var(--focus-ring-offset);
  --accordion-header-focus-ring-shadow: var(--focus-ring-shadow);
  --accordion-transition-duration: var(--transition-duration);
  --datatable-row-focus-ring-style: var(--focus-ring-style);
  --datatable-row-focus-ring-width: var(--focus-ring-width);
  --datatable-row-focus-ring-shadow: var(--focus-ring-shadow);
  --datatable-row-toggle-button-focus-ring-style: var(--focus-ring-style);
  --datatable-row-toggle-button-focus-ring-width: var(--focus-ring-width);
  --datatable-row-toggle-button-focus-ring-offset: var(--focus-ring-offset);
  --datatable-row-toggle-button-focus-ring-shadow: var(--focus-ring-shadow);
  --datatable-row-toggle-button-border-radius: var(--datatable-row-toggle-button-size) / 2;
  --datatable-filter-overlay-select-shadow: var(--overlay-select-shadow);
  --datatable-filter-overlay-popover-shadow: var(--overlay-popover-shadow);
  --datatable-filter-overlay-popover-padding: var(--overlay-popover-padding);
  --datatable-filter-constraint-list-gap: var(--list-gap);
  --datatable-filter-constraint-list-padding: var(--list-padding);
  --datatable-filter-constraint-padding: var(--list-option-padding);
  --datatable-header-cell-focus-ring-style: var(--focus-ring-style);
  --datatable-header-cell-focus-ring-width: var(--focus-ring-width);
  --datatable-header-cell-focus-ring-shadow: var(--focus-ring-shadow);
  --datatable-transition-duration: var(--transition-duration);
  --iftalabel-top: var(--form-field-padding-y);
  --iftalabel-input-padding-bottom: var(--form-field-padding-y);
  --iftalabel-position-x: var(--form-field-padding-x);
  --inputtext-lg-padding-x: var(--form-field-lg-padding-x);
  --inputtext-lg-padding-y: var(--form-field-lg-padding-y);
  --inputtext-sm-padding-x: var(--form-field-sm-padding-x);
  --inputtext-sm-padding-y: var(--form-field-sm-padding-y);
  --inputtext-focus-ring-color: var(--form-field-focus-ring-color);
  --inputtext-focus-ring-style: var(--form-field-focus-ring-style);
  --inputtext-focus-ring-width: var(--form-field-focus-ring-width);
  --inputtext-focus-ring-offset: var(--form-field-focus-ring-offset);
  --inputtext-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --inputtext-label-font-size: var(--form-label-font-size);
  --inputtext-shadow: var(--form-field-shadow);
  --inputtext-padding-x: var(--form-field-padding-x);
  --inputtext-padding-y: var(--form-field-padding-y);
  --paginator-nav-button-focus-ring-style: var(--focus-ring-style);
  --paginator-nav-button-focus-ring-width: var(--focus-ring-width);
  --paginator-nav-button-focus-ring-offset: var(--focus-ring-offset);
  --paginator-nav-button-focus-ring-shadow: var(--focus-ring-shadow);
  --paginator-transition-duration: var(--transition-duration);
  --panelmenu-item-padding: var(--navigation-item-padding);
  --panelmenu-transition-duration: var(--transition-duration);
  --speeddial-transition-duration: var(--transition-duration);
  --treetable-row-focus-ring-style: var(--focus-ring-style);
  --treetable-row-focus-ring-width: var(--focus-ring-width);
  --treetable-row-focus-ring-shadow: var(--focus-ring-shadow);
  --treetable-node-toggle-button-focus-ring-style: var(--focus-ring-style);
  --treetable-node-toggle-button-focus-ring-width: var(--focus-ring-width);
  --treetable-node-toggle-button-focus-ring-offset: var(--focus-ring-offset);
  --treetable-node-toggle-button-focus-ring-shadow: var(--focus-ring-shadow);
  --treetable-node-toggle-button-border-radius: var(--treetable-node-toggle-button-size) / 2;
  --treetable-header-cell-focus-ring-style: var(--focus-ring-style);
  --treetable-header-cell-focus-ring-width: var(--focus-ring-width);
  --treetable-header-cell-focus-ring-shadow: var(--focus-ring-shadow);
  --treetable-transition-duration: var(--transition-duration);
  --breadcrumb-item-gap: var(--navigation-item-gap);
  --breadcrumb-item-focus-ring-style: var(--focus-ring-style);
  --breadcrumb-item-focus-ring-width: var(--focus-ring-width);
  --breadcrumb-item-focus-ring-offset: var(--focus-ring-offset);
  --breadcrumb-item-focus-ring-shadow: var(--focus-ring-shadow);
  --breadcrumb-transition-duration: var(--transition-duration);
  --datepicker-date-focus-ring-style: var(--focus-ring-style);
  --datepicker-date-focus-ring-width: var(--focus-ring-width);
  --datepicker-date-focus-ring-offset: var(--focus-ring-offset);
  --datepicker-date-focus-ring-shadow: var(--focus-ring-shadow);
  --datepicker-date-selected-color: var(--primary-contrast-color);
  --datepicker-group-gap: var(--overlay-popover-padding);
  --datepicker-panel-shadow: var(--overlay-popover-shadow);
  --datepicker-panel-padding: var(--overlay-popover-padding);
  --datepicker-dropdown-focus-ring-style: var(--focus-ring-style);
  --datepicker-dropdown-focus-ring-width: var(--focus-ring-width);
  --datepicker-dropdown-focus-ring-offset: var(--focus-ring-offset);
  --datepicker-dropdown-focus-ring-shadow: var(--focus-ring-shadow);
  --datepicker-transition-duration: var(--transition-duration);
  --fileupload-header-stroke: var(--fileupload-header-border-width) solid var(--fileupload-header-border-color);
  --fileupload-transition-duration: var(--transition-duration);
  --floatlabel-in-input-padding-bottom: var(--form-field-padding-y);
  --floatlabel-in-active-top: var(--form-field-padding-y);
  --floatlabel-on-border-radius: var(--border-radius-xs);
  --floatlabel-position-x: var(--form-field-padding-x);
  --floatlabel-position-y: var(--form-field-padding-y);
  --tieredmenu-item-gap: var(--navigation-item-gap);
  --tieredmenu-item-padding: var(--navigation-item-padding);
  --tieredmenu-list-gap: var(--navigation-list-gap);
  --tieredmenu-list-padding: var(--navigation-list-padding);
  --tieredmenu-shadow: var(--overlay-navigation-shadow);
  --tieredmenu-submenu-icon-size: var(--navigation-submenu-icon-size);
  --tieredmenu-transition-duration: var(--transition-duration);
  --treeselect-lg-font-size: var(--form-field-lg-font-size);
  --treeselect-lg-padding-x: var(--form-field-lg-padding-x);
  --treeselect-lg-padding-y: var(--form-field-lg-padding-y);
  --treeselect-sm-font-size: var(--form-field-sm-font-size);
  --treeselect-sm-padding-x: var(--form-field-sm-padding-x);
  --treeselect-sm-padding-y: var(--form-field-sm-padding-y);
  --treeselect-chip-border-radius: var(--border-radius-sm);
  --treeselect-tree-padding: var(--list-padding);
  --treeselect-empty-message-padding: var(--list-option-padding);
  --treeselect-focus-ring-color: var(--form-field-focus-ring-color);
  --treeselect-focus-ring-style: var(--form-field-focus-ring-style);
  --treeselect-focus-ring-width: var(--form-field-focus-ring-width);
  --treeselect-focus-ring-offset: var(--form-field-focus-ring-offset);
  --treeselect-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --treeselect-shadow: var(--form-field-shadow);
  --treeselect-overlay-shadow: var(--overlay-select-shadow);
  --treeselect-padding-x: var(--form-field-padding-x);
  --treeselect-padding-y: var(--form-field-padding-y);
  --colorpicker-panel-shadow: var(--overlay-popover-shadow);
  --colorpicker-preview-focus-ring-style: var(--focus-ring-style);
  --colorpicker-preview-focus-ring-width: var(--focus-ring-width);
  --colorpicker-preview-focus-ring-offset: var(--focus-ring-offset);
  --colorpicker-preview-focus-ring-shadow: var(--focus-ring-shadow);
  --colorpicker-handle-color: var(--surface-0);
  --contextmenu-item-gap: var(--navigation-item-gap);
  --contextmenu-item-padding: var(--navigation-item-padding);
  --contextmenu-list-gap: var(--navigation-list-gap);
  --contextmenu-list-padding: var(--navigation-list-padding);
  --contextmenu-shadow: var(--overlay-navigation-shadow);
  --contextmenu-submenu-icon-size: var(--navigation-submenu-icon-size);
  --contextmenu-transition-duration: var(--transition-duration);
  --inputnumber-button-vertical-padding: var(--form-field-padding-y);
  --inputnumber-transition-duration: var(--transition-duration);
  --multiselect-lg-font-size: var(--form-field-lg-font-size);
  --multiselect-lg-padding-x: var(--form-field-lg-padding-x);
  --multiselect-lg-padding-y: var(--form-field-lg-padding-y);
  --multiselect-sm-font-size: var(--form-field-sm-font-size);
  --multiselect-sm-padding-x: var(--form-field-sm-padding-x);
  --multiselect-sm-padding-y: var(--form-field-sm-padding-y);
  --multiselect-chip-border-radius: var(--border-radius-sm);
  --multiselect-list-gap: var(--list-gap);
  --multiselect-list-header-padding: var(--list-header-padding);
  --multiselect-list-padding: var(--list-padding);
  --multiselect-empty-message-padding: var(--list-option-padding);
  --multiselect-focus-ring-color: var(--form-field-focus-ring-color);
  --multiselect-focus-ring-style: var(--form-field-focus-ring-style);
  --multiselect-focus-ring-width: var(--form-field-focus-ring-width);
  --multiselect-focus-ring-offset: var(--form-field-focus-ring-offset);
  --multiselect-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --multiselect-header-padding: var(--list-header-padding);
  --multiselect-option-group-font-weight: var(--list-option-group-font-weight);
  --multiselect-option-group-padding: var(--list-option-group-padding);
  --multiselect-option-group-background: var(--list-option-group-background);
  --multiselect-option-padding: var(--list-option-padding);
  --multiselect-shadow: var(--form-field-shadow);
  --multiselect-overlay-shadow: var(--overlay-select-shadow);
  --multiselect-padding-x: var(--form-field-padding-x);
  --multiselect-padding-y: var(--form-field-padding-y);
  --progressbar-label-color: var(--primary-contrast-color);
  --radiobutton-icon-checked-color: var(--primary-contrast-color);
  --radiobutton-icon-checked-hover-color: var(--primary-contrast-color);
  --radiobutton-focus-ring-style: var(--focus-ring-style);
  --radiobutton-focus-ring-width: var(--focus-ring-width);
  --radiobutton-focus-ring-offset: var(--focus-ring-offset);
  --radiobutton-focus-ring-shadow: var(--focus-ring-shadow);
  --radiobutton-shadow: var(--form-field-shadow);
  --scrollpanel-bar-focus-ring-style: var(--focus-ring-style);
  --scrollpanel-bar-focus-ring-width: var(--focus-ring-width);
  --scrollpanel-bar-focus-ring-offset: var(--focus-ring-offset);
  --scrollpanel-bar-focus-ring-shadow: var(--focus-ring-shadow);
  --scrollpanel-bar-border-radius: var(--border-radius-sm);
  --scrollpanel-transition-duration: var(--transition-duration);
  --autocomplete-chip-border-radius: var(--border-radius-sm);
  --autocomplete-list-gap: var(--list-gap);
  --autocomplete-list-padding: var(--list-padding);
  --autocomplete-empty-message-padding: var(--list-option-padding);
  --autocomplete-focus-ring-color: var(--form-field-focus-ring-color);
  --autocomplete-focus-ring-style: var(--form-field-focus-ring-style);
  --autocomplete-focus-ring-width: var(--form-field-focus-ring-width);
  --autocomplete-focus-ring-offset: var(--form-field-focus-ring-offset);
  --autocomplete-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --autocomplete-option-group-font-weight: var(--list-option-group-font-weight);
  --autocomplete-option-group-padding: var(--list-option-group-padding);
  --autocomplete-option-group-background: var(--list-option-group-background);
  --autocomplete-option-padding: var(--list-option-padding);
  --autocomplete-shadow: var(--form-field-shadow);
  --autocomplete-overlay-shadow: var(--overlay-select-shadow);
  --autocomplete-padding-x: var(--form-field-padding-x);
  --autocomplete-padding-y: var(--form-field-padding-y);
  --autocomplete-dropdown-focus-ring-style: var(--focus-ring-style);
  --autocomplete-dropdown-focus-ring-width: var(--focus-ring-width);
  --autocomplete-dropdown-focus-ring-offset: var(--focus-ring-offset);
  --autocomplete-dropdown-focus-ring-shadow: var(--focus-ring-shadow);
  --autocomplete-transition-duration: var(--transition-duration);
  --confirmpopup-footer-padding: 0 var(--overlay-popover-padding) var(--overlay-popover-padding) var(--overlay-popover-padding);
  --confirmpopup-shadow: var(--overlay-popover-shadow);
  --confirmpopup-content-padding: var(--overlay-popover-padding);
  --featuredicon-circle-border-radius: var(--border-radius-full);
  --featuredicon-square-lg-border-radius: var(--border-radius-lg);
  --featuredicon-square-md-border-radius: var(--border-radius-md);
  --featuredicon-square-sm-border-radius: var(--border-radius-sm);
  --featuredicon-square-xs-border-radius: var(--border-radius-sm);
  --featuredicon-red-icon-color: var(--red-600);
  --featuredicon-red-border-color: var(--red-100);
  --featuredicon-red-background: var(--red-100);
  --featuredicon-gray-icon-color: var(--slate-600);
  --featuredicon-gray-border-color: var(--slate-100);
  --featuredicon-gray-background: var(--slate-100);
  --featuredicon-green-icon-color: var(--green-600);
  --featuredicon-green-border-color: var(--green-100);
  --featuredicon-green-background: var(--green-100);
  --featuredicon-white-icon-color: var(--slate-600);
  --featuredicon-white-border-color: var(--white-0);
  --featuredicon-white-background: var(--white-0);
  --featuredicon-indigo-icon-color: var(--indigo-600);
  --featuredicon-indigo-border-color: var(--indigo-100);
  --featuredicon-indigo-background: var(--indigo-100);
  --featuredicon-orange-icon-color: var(--orange-600);
  --featuredicon-orange-border-color: var(--orange-100);
  --featuredicon-orange-background: var(--orange-100);
  --featuredicon-outlined-red-border-color: var(--red-200);
  --featuredicon-outlined-gray-border-color: var(--slate-200);
  --featuredicon-outlined-green-border-color: var(--green-200);
  --featuredicon-outlined-white-border-color: var(--slate-200);
  --featuredicon-outlined-indigo-border-color: var(--indigo-200);
  --featuredicon-outlined-orange-border-color: var(--orange-200);
  --featuredicon-outlined-vibrant-purple-border-color: var(--vibrant-purple-200);
  --featuredicon-vibrant-purple-icon-color: var(--vibrant-purple-600);
  --featuredicon-vibrant-purple-border-color: var(--vibrant-purple-100);
  --featuredicon-vibrant-purple-background: var(--vibrant-purple-100);
  --imagecompare-handle-focus-ring-style: var(--focus-ring-style);
  --imagecompare-handle-focus-ring-width: var(--focus-ring-width);
  --imagecompare-handle-focus-ring-offset: var(--focus-ring-offset);
  --imagecompare-handle-focus-ring-shadow: var(--focus-ring-shadow);
  --imagecompare-handle-border-radius: var(--imagecompare-handle-size) / 2;
  --imagecompare-handle-transition-duration: var(--transition-duration);
  --togglebutton-lg-font-size: var(--form-field-lg-font-size);
  --togglebutton-sm-font-size: var(--form-field-sm-font-size);
  --togglebutton-focus-ring-style: var(--focus-ring-style);
  --togglebutton-focus-ring-width: var(--focus-ring-width);
  --togglebutton-focus-ring-offset: var(--focus-ring-offset);
  --togglebutton-focus-ring-shadow: var(--focus-ring-shadow);
  --togglebutton-content-checked-background: var(--surface-0);
  --toggleswitch-focus-ring-style: var(--focus-ring-style);
  --toggleswitch-focus-ring-width: var(--focus-ring-width);
  --toggleswitch-focus-ring-offset: var(--focus-ring-offset);
  --toggleswitch-focus-ring-shadow: var(--focus-ring-shadow);
  --toggleswitch-handle-border-radius: var(--toggleswitch-handle-size)/2;
  --toggleswitch-handle-hover-background: var(--surface-0);
  --toggleswitch-handle-checked-hover-background: var(--surface-0);
  --toggleswitch-handle-checked-background: var(--surface-0);
  --toggleswitch-handle-background: var(--surface-0);
  --toggleswitch-shadow: var(--form-field-shadow);
  --cascadeselect-lg-font-size: var(--form-field-lg-font-size);
  --cascadeselect-lg-padding-x: var(--form-field-lg-padding-x);
  --cascadeselect-lg-padding-y: var(--form-field-lg-padding-y);
  --cascadeselect-sm-font-size: var(--form-field-sm-font-size);
  --cascadeselect-sm-padding-x: var(--form-field-sm-padding-x);
  --cascadeselect-sm-padding-y: var(--form-field-sm-padding-y);
  --cascadeselect-list-gap: var(--list-gap);
  --cascadeselect-list-padding: var(--list-padding);
  --cascadeselect-focus-ring-color: var(--form-field-focus-ring-color);
  --cascadeselect-focus-ring-style: var(--form-field-focus-ring-style);
  --cascadeselect-focus-ring-width: var(--form-field-focus-ring-width);
  --cascadeselect-focus-ring-offset: var(--form-field-focus-ring-offset);
  --cascadeselect-focus-ring-shadow: var(--form-field-focus-ring-shadow);
  --cascadeselect-option-padding: var(--list-option-padding);
  --cascadeselect-shadow: var(--form-field-shadow);
  --cascadeselect-overlay-shadow: var(--overlay-select-shadow);
  --cascadeselect-padding-x: var(--form-field-padding-x);
  --cascadeselect-padding-y: var(--form-field-padding-y);
  --organizationchart-node-toggle-button-focus-ring-style: var(--focus-ring-style);
  --organizationchart-node-toggle-button-focus-ring-width: var(--focus-ring-width);
  --organizationchart-node-toggle-button-focus-ring-offset: var(--focus-ring-offset);
  --organizationchart-node-toggle-button-focus-ring-shadow: var(--focus-ring-shadow);
  --organizationchart-node-toggle-button-border-radius: var(--organizationchart-node-toggle-button-size) / 2;
  --organizationchart-transition-duration: var(--transition-duration);
  --progressspinner-color-one: var(--red-500);
  --progressspinner-color-two: var(--blue-500);
  --progressspinner-color-four: var(--yellow-500);
  --progressspinner-color-three: var(--green-500);
  --form-field-border-color: var(--surface-300);
  --form-field-icon-color: var(--surface-400);
  --form-field-color: var(--surface-700);
  --form-field-float-label-color: var(--surface-500);
  --form-field-float-label-focus-color: var(--surface-500);
  --form-field-float-label-active-color: var(--surface-500);
  --form-field-float-label-invalid-color: var(--form-field-invalid-placeholder-color);
  --form-field-hover-border-color: var(--surface-400);
  --form-field-filled-focus-background: var(--surface-50);
  --form-field-filled-hover-background: var(--surface-50);
  --form-field-filled-background: var(--surface-50);
  --form-field-disabled-color: var(--surface-500);
  --form-field-disabled-background: var(--surface-200);
  --form-field-placeholder-color: var(--surface-500);
  --list-option-icon-color: var(--surface-400);
  --list-option-icon-focus-color: var(--surface-500);
  --list-option-focus-background: var(--surface-100);
  --content-border-color: var(--surface-200);
  --content-hover-background: var(--surface-100);
  --overlay-modal-border-color: var(--surface-200);
  --overlay-select-border-color: var(--surface-200);
  --overlay-popover-border-color: var(--surface-200);
  --primary-color: var(--primary-500);
  --primary-hover-color: var(--primary-600);
  --primary-active-color: var(--primary-700);
  --navigation-item-icon-color: var(--surface-400);
  --navigation-item-icon-focus-color: var(--surface-500);
  --navigation-item-icon-active-color: var(--surface-500);
  --navigation-item-focus-background: var(--surface-100);
  --navigation-item-active-background: var(--surface-100);
  --navigation-submenu-icon-color: var(--surface-400);
  --navigation-submenu-icon-focus-color: var(--surface-500);
  --navigation-submenu-icon-active-color: var(--surface-500);
  --mask-color: var(--surface-200);
  --text-color: var(--surface-700);
  --text-hover-color: var(--surface-800);
  --text-hover-muted-color: var(--surface-600);
  --text-muted-color: var(--surface-500);
  --highlight-color: var(--primary-700);
  --highlight-focus-color: var(--primary-800);
  --highlight-focus-background: var(--primary-100);
  --highlight-background: var(--primary-50);
  --tag-border-radius: var(--content-border-radius);
  --tag-primary-color: var(--primary-700);
  --tag-primary-border-color: var(--primary-100);
  --tag-primary-background: var(--primary-50);
  --tag-contrast-border-color: var(--surface-900);
  --tag-contrast-background: var(--surface-950);
  --tag-secondary-color: var(--surface-600);
  --tag-secondary-border-color: var(--surface-200);
  --tag-secondary-background: var(--surface-100);
  --card-background: var(--content-background);
  --chip-icon-color: var(--surface-800);
  --chip-remove-icon-color: var(--surface-800);
  --chip-color: var(--surface-800);
  --chip-background: var(--surface-100);
  --dock-item-border-radius: var(--content-border-radius);
  --menu-item-border-radius: var(--navigation-item-border-radius);
  --menu-border-radius: var(--content-border-radius);
  --menu-background: var(--content-background);
  --tabs-nav-button-background: var(--content-background);
  --tabs-tablist-background: var(--content-background);
  --tabs-tabpanel-background: var(--content-background);
  --tree-node-border-radius: var(--content-border-radius);
  --tree-node-toggle-button-selected-hover-background: var(--content-background);
  --tree-background: var(--content-background);
  --badge-contrast-background: var(--surface-950);
  --badge-secondary-color: var(--surface-600);
  --badge-secondary-background: var(--surface-100);
  --image-action-color: var(--surface-50);
  --panel-border-radius: var(--content-border-radius);
  --panel-background: var(--content-background);
  --toast-border-radius: var(--content-border-radius);
  --toast-info-detail-color: var(--surface-700);
  --toast-warn-detail-color: var(--surface-700);
  --toast-error-detail-color: var(--surface-700);
  --toast-figma-info-close-button-focus-ring-offset-stroke: var(--toast-close-button-focus-ring-offset) solid var(--toast-info-background);
  --toast-figma-info-close-button-focus-ring-stroke: 3px var(--toast-close-button-focus-ring-style) var(--toast-info-close-button-focus-ring-color);
  --toast-figma-info-stroke: 1px solid var(--toast-info-border-color);
  --toast-figma-warn-close-button-focus-ring-offset-stroke: var(--toast-close-button-focus-ring-offset) solid var(--toast-warn-background);
  --toast-figma-warn-close-button-focus-ring-stroke: 3px var(--toast-close-button-focus-ring-style) var(--toast-warn-close-button-focus-ring-color);
  --toast-figma-warn-stroke: 1px solid var(--toast-warn-border-color);
  --toast-figma-error-close-button-focus-ring-offset-stroke: var(--toast-close-button-focus-ring-offset) solid var(--toast-error-background);
  --toast-figma-error-close-button-focus-ring-stroke: 3px var(--toast-close-button-focus-ring-style) var(--toast-error-close-button-focus-ring-color);
  --toast-figma-error-stroke: 1px solid var(--toast-error-border-color);
  --toast-figma-success-close-button-focus-ring-offset-stroke: var(--toast-close-button-focus-ring-offset) solid var(--toast-success-background);
  --toast-figma-success-close-button-focus-ring-stroke: 3px var(--toast-close-button-focus-ring-style) var(--toast-success-close-button-focus-ring-color);
  --toast-figma-success-stroke: 1px solid var(--toast-success-border-color);
  --toast-success-detail-color: var(--surface-700);
  --toast-contrast-close-button-focus-ring-color: var(--surface-50);
  --toast-contrast-close-button-hover-background: var(--surface-800);
  --toast-contrast-color: var(--surface-50);
  --toast-contrast-border-color: var(--surface-950);
  --toast-contrast-background: var(--surface-900);
  --toast-secondary-close-button-focus-ring-color: var(--surface-600);
  --toast-secondary-close-button-hover-background: var(--surface-200);
  --toast-secondary-color: var(--surface-600);
  --toast-secondary-border-color: var(--surface-200);
  --toast-secondary-detail-color: var(--surface-700);
  --toast-secondary-background: var(--surface-100);
  --avatar-group-border-color: var(--content-background);
  --avatar-border-radius: var(--content-border-radius);
  --button-text-plain-color: var(--surface-700);
  --button-text-plain-hover-background: var(--surface-50);
  --button-text-plain-active-background: var(--surface-100);
  --button-text-primary-hover-background: var(--primary-50);
  --button-text-primary-active-background: var(--primary-100);
  --button-text-contrast-color: var(--surface-950);
  --button-text-contrast-hover-background: var(--surface-50);
  --button-text-contrast-active-background: var(--surface-100);
  --button-text-secondary-color: var(--surface-500);
  --button-text-secondary-hover-background: var(--surface-50);
  --button-text-secondary-active-background: var(--surface-100);
  --button-border-radius: var(--form-field-border-radius);
  --button-outlined-plain-color: var(--surface-700);
  --button-outlined-plain-hover-background: var(--surface-50);
  --button-outlined-plain-active-background: var(--surface-100);
  --button-outlined-plain-border-color: var(--surface-200);
  --button-outlined-primary-hover-background: var(--primary-50);
  --button-outlined-primary-active-background: var(--primary-100);
  --button-outlined-primary-border-color: var(--primary-200);
  --button-outlined-contrast-color: var(--surface-950);
  --button-outlined-contrast-hover-background: var(--surface-50);
  --button-outlined-contrast-active-background: var(--surface-100);
  --button-outlined-contrast-border-color: var(--surface-700);
  --button-outlined-secondary-color: var(--surface-500);
  --button-outlined-secondary-hover-background: var(--surface-50);
  --button-outlined-secondary-active-background: var(--surface-100);
  --button-outlined-secondary-border-color: var(--surface-200);
  --button-transition-duration: var(--form-field-transition-duration);
  --button-figma-help-hover-stroke: 1px solid var(--button-help-hover-border-color);
  --button-figma-help-active-stroke: 1px solid var(--button-help-active-border-color);
  --button-figma-help-stroke: 1px solid var(--button-help-border-color);
  --button-figma-info-hover-stroke: 1px solid var(--button-info-hover-border-color);
  --button-figma-info-active-stroke: 1px solid var(--button-info-active-border-color);
  --button-figma-info-stroke: 1px solid var(--button-info-border-color);
  --button-figma-link-stroke: 1px solid var(--button-link-border-color);
  --button-figma-text-stroke: 1px solid var(--button-text-border-color);
  --button-figma-warn-hover-stroke: 1px solid var(--button-warn-hover-border-color);
  --button-figma-warn-active-stroke: 1px solid var(--button-warn-active-border-color);
  --button-figma-warn-stroke: 1px solid var(--button-warn-border-color);
  --button-figma-danger-hover-stroke: 1px solid var(--button-danger-hover-border-color);
  --button-figma-danger-active-stroke: 1px solid var(--button-danger-active-border-color);
  --button-figma-danger-stroke: 1px solid var(--button-danger-border-color);
  --button-figma-success-hover-stroke: 1px solid var(--button-success-hover-border-color);
  --button-figma-success-active-stroke: 1px solid var(--button-success-active-border-color);
  --button-figma-success-stroke: 1px solid var(--button-success-border-color);
  --button-figma-outlined-help-stroke: 1px solid var(--button-outlined-help-border-color);
  --button-figma-outlined-info-stroke: 1px solid var(--button-outlined-info-border-color);
  --button-figma-outlined-warn-stroke: 1px solid var(--button-outlined-warn-border-color);
  --button-figma-outlined-danger-stroke: 1px solid var(--button-outlined-danger-border-color);
  --button-figma-outlined-success-stroke: 1px solid var(--button-outlined-success-border-color);
  --button-contrast-focus-ring-color: var(--surface-950);
  --button-contrast-hover-border-color: var(--surface-900);
  --button-contrast-hover-background: var(--surface-900);
  --button-contrast-active-border-color: var(--surface-800);
  --button-contrast-active-background: var(--surface-800);
  --button-contrast-border-color: var(--surface-950);
  --button-contrast-background: var(--surface-950);
  --button-secondary-color: var(--surface-600);
  --button-secondary-focus-ring-color: var(--surface-600);
  --button-secondary-hover-color: var(--surface-700);
  --button-secondary-hover-border-color: var(--surface-200);
  --button-secondary-hover-background: var(--surface-200);
  --button-secondary-active-color: var(--surface-800);
  --button-secondary-active-border-color: var(--surface-300);
  --button-secondary-active-background: var(--surface-300);
  --button-secondary-border-color: var(--surface-100);
  --button-secondary-background: var(--surface-100);
  --dialog-border-radius: var(--overlay-modal-border-radius);
  --dialog-background: var(--overlay-modal-background);
  --drawer-border-radius: var(--overlay-modal-border-radius);
  --drawer-background: var(--overlay-modal-background);
  --editor-content-border-radius: var(--content-border-radius);
  --editor-content-background: var(--content-background);
  --editor-overlay-border-radius: var(--overlay-select-border-radius);
  --editor-overlay-option-border-radius: var(--list-option-border-radius);
  --editor-overlay-background: var(--overlay-select-background);
  --editor-toolbar-border-radius: var(--content-border-radius);
  --editor-toolbar-background: var(--content-background);
  --select-border-radius: var(--form-field-border-radius);
  --select-option-border-radius: var(--list-option-border-radius);
  --select-invalid-border-color: var(--form-field-invalid-border-color);
  --select-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --select-overlay-border-radius: var(--overlay-select-border-radius);
  --select-overlay-background: var(--overlay-select-background);
  --select-background: var(--form-field-background);
  --select-transition-duration: var(--form-field-transition-duration);
  --slider-track-border-radius: var(--content-border-radius);
  --slider-handle-content-hover-background: var(--content-background);
  --blockui-border-radius: var(--content-border-radius);
  --divider-content-background: var(--content-background);
  --inplace-border-radius: var(--content-border-radius);
  --listbox-border-radius: var(--form-field-border-radius);
  --listbox-option-border-radius: var(--list-option-border-radius);
  --listbox-option-striped-background: var(--surface-50);
  --listbox-invalid-border-color: var(--form-field-invalid-border-color);
  --listbox-background: var(--form-field-background);
  --listbox-transition-duration: var(--form-field-transition-duration);
  --menubar-base-item-border-radius: var(--content-border-radius);
  --menubar-item-border-radius: var(--navigation-item-border-radius);
  --menubar-border-radius: var(--content-border-radius);
  --menubar-submenu-border-radius: var(--content-border-radius);
  --menubar-submenu-background: var(--content-background);
  --menubar-background: var(--content-background);
  --message-border-radius: var(--content-border-radius);
  --message-figma-info-close-button-focus-ring-offset-stroke: var(--message-close-button-focus-ring-offset) solid var(--message-info-background);
  --message-figma-info-close-button-focus-ring-stroke: 3px var(--message-close-button-focus-ring-style) var(--message-info-close-button-focus-ring-color);
  --message-figma-info-stroke: 1px solid var(--message-info-border-color);
  --message-figma-info-outlined-stroke: 1px solid var(--message-info-outlined-border-color);
  --message-figma-warn-close-button-focus-ring-offset-stroke: var(--message-close-button-focus-ring-offset) solid var(--message-warn-background);
  --message-figma-warn-close-button-focus-ring-stroke: 3px var(--message-close-button-focus-ring-style) var(--message-warn-close-button-focus-ring-color);
  --message-figma-warn-stroke: 1px solid var(--message-warn-border-color);
  --message-figma-warn-outlined-stroke: 1px solid var(--message-warn-outlined-border-color);
  --message-figma-error-close-button-focus-ring-offset-stroke: var(--message-close-button-focus-ring-offset) solid var(--message-error-background);
  --message-figma-error-close-button-focus-ring-stroke: 3px var(--message-close-button-focus-ring-style) var(--message-error-close-button-focus-ring-color);
  --message-figma-error-stroke: 1px solid var(--message-error-border-color);
  --message-figma-error-outlined-stroke: 1px solid var(--message-error-outlined-border-color);
  --message-figma-success-close-button-focus-ring-offset-stroke: var(--message-close-button-focus-ring-offset) solid var(--message-success-background);
  --message-figma-success-close-button-focus-ring-stroke: 3px var(--message-close-button-focus-ring-style) var(--message-success-close-button-focus-ring-color);
  --message-figma-success-stroke: 1px solid var(--message-success-border-color);
  --message-figma-success-outlined-stroke: 1px solid var(--message-success-outlined-border-color);
  --message-contrast-close-button-focus-ring-color: var(--surface-50);
  --message-contrast-close-button-hover-background: var(--surface-800);
  --message-contrast-color: var(--surface-50);
  --message-contrast-border-color: var(--surface-950);
  --message-contrast-simple-color: var(--surface-950);
  --message-contrast-outlined-color: var(--surface-950);
  --message-contrast-outlined-border-color: var(--surface-950);
  --message-contrast-background: var(--surface-900);
  --message-secondary-close-button-focus-ring-color: var(--surface-600);
  --message-secondary-close-button-hover-background: var(--surface-200);
  --message-secondary-color: var(--surface-600);
  --message-secondary-border-color: var(--surface-200);
  --message-secondary-simple-color: var(--surface-500);
  --message-secondary-outlined-color: var(--surface-500);
  --message-secondary-outlined-border-color: var(--surface-500);
  --message-secondary-background: var(--surface-100);
  --popover-border-radius: var(--overlay-popover-border-radius);
  --popover-background: var(--overlay-popover-background);
  --stepper-step-header-border-radius: var(--content-border-radius);
  --stepper-step-number-active-background: var(--content-background);
  --stepper-step-number-background: var(--content-background);
  --stepper-steppanel-background: var(--content-background);
  --toolbar-border-radius: var(--content-border-radius);
  --toolbar-background: var(--content-background);
  --tooltip-border-radius: var(--overlay-popover-border-radius);
  --tooltip-background: var(--surface-700);
  --carousel-indicator-border-radius: var(--content-border-radius);
  --carousel-indicator-hover-background: var(--surface-300);
  --carousel-indicator-background: var(--surface-200);
  --carousel-figma-item-stroke: 1px solid var(--surface-200);
  --checkbox-invalid-border-color: var(--form-field-invalid-border-color);
  --checkbox-background: var(--form-field-background);
  --checkbox-transition-duration: var(--form-field-transition-duration);
  --dataview-footer-background: var(--content-background);
  --dataview-header-background: var(--content-background);
  --dataview-content-background: var(--content-background);
  --dataview-figma-content-item-stroke: 1px solid var(--surface-200);
  --fieldset-border-radius: var(--content-border-radius);
  --fieldset-legend-border-radius: var(--content-border-radius);
  --fieldset-legend-background: var(--content-background);
  --fieldset-background: var(--content-background);
  --galleria-nav-button-color: var(--surface-100);
  --galleria-close-button-color: var(--surface-50);
  --galleria-border-radius: var(--content-border-radius);
  --galleria-caption-color: var(--surface-100);
  --galleria-indicator-button-hover-background: var(--surface-300);
  --galleria-indicator-button-background: var(--surface-200);
  --galleria-thumbnail-nav-button-border-radius: var(--content-border-radius);
  --galleria-thumbnail-nav-button-color: var(--surface-600);
  --galleria-thumbnail-nav-button-hover-color: var(--surface-700);
  --galleria-thumbnail-nav-button-hover-background: var(--surface-100);
  --galleria-thumbnails-content-background: var(--content-background);
  --megamenu-base-item-border-radius: var(--content-border-radius);
  --megamenu-item-border-radius: var(--navigation-item-border-radius);
  --megamenu-border-radius: var(--content-border-radius);
  --megamenu-overlay-border-radius: var(--content-border-radius);
  --megamenu-overlay-background: var(--content-background);
  --megamenu-background: var(--content-background);
  --password-meter-border-radius: var(--content-border-radius);
  --password-overlay-border-radius: var(--overlay-popover-border-radius);
  --password-overlay-background: var(--overlay-popover-background);
  --skeleton-border-radius: var(--content-border-radius);
  --skeleton-background: var(--surface-200);
  --splitter-handle-border-radius: var(--content-border-radius);
  --splitter-background: var(--content-background);
  --terminal-border-radius: var(--form-field-border-radius);
  --terminal-background: var(--form-field-background);
  --textarea-border-radius: var(--form-field-border-radius);
  --textarea-invalid-border-color: var(--form-field-invalid-border-color);
  --textarea-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --textarea-background: var(--form-field-background);
  --textarea-transition-duration: var(--form-field-transition-duration);
  --timeline-event-marker-background: var(--content-background);
  --accordion-header-last-bottom-border-radius: var(--content-border-radius);
  --accordion-header-first-top-border-radius: var(--content-border-radius);
  --accordion-header-hover-background: var(--content-background);
  --accordion-header-active-hover-background: var(--content-background);
  --accordion-header-active-background: var(--content-background);
  --accordion-header-background: var(--content-background);
  --accordion-content-background: var(--content-background);
  --datatable-row-toggle-button-selected-hover-background: var(--content-background);
  --datatable-row-background: var(--content-background);
  --datatable-row-striped-background: var(--surface-50);
  --datatable-body-cell-selected-border-color: var(--primary-100);
  --datatable-filter-overlay-select-border-radius: var(--overlay-select-border-radius);
  --datatable-filter-overlay-select-background: var(--overlay-select-background);
  --datatable-filter-overlay-popover-border-radius: var(--overlay-popover-border-radius);
  --datatable-filter-overlay-popover-background: var(--overlay-popover-background);
  --datatable-filter-constraint-border-radius: var(--list-option-border-radius);
  --datatable-footer-cell-background: var(--content-background);
  --datatable-footer-background: var(--content-background);
  --datatable-header-cell-background: var(--content-background);
  --datatable-header-background: var(--content-background);
  --inputtext-gap: var(--form-field-gap); /** Gap between label and input, and input and help text.  */
  --inputtext-label-required-indicator-gap: var(--form-label-required-indicator-gap);
  --inputtext-label-required-indicator-color: var(--form-label-required-indicator-color);
  --inputtext-border-radius: var(--form-field-border-radius);
  --inputtext-invalid-border-color: var(--form-field-invalid-border-color);
  --inputtext-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --inputtext-background: var(--form-field-background);
  --inputtext-transition-duration: var(--form-field-transition-duration);
  --paginator-border-radius: var(--content-border-radius);
  --paginator-background: var(--content-background);
  --panelmenu-item-border-radius: var(--content-border-radius);
  --panelmenu-panel-last-bottom-border-radius: var(--content-border-radius);
  --panelmenu-panel-first-top-border-radius: var(--content-border-radius);
  --panelmenu-panel-border-radius: var(--content-border-radius);
  --panelmenu-panel-background: var(--content-background);
  --treetable-row-background: var(--content-background);
  --treetable-body-cell-selected-border-color: var(--primary-100);
  --treetable-node-toggle-button-selected-hover-background: var(--content-background);
  --treetable-footer-cell-background: var(--content-background);
  --treetable-footer-background: var(--content-background);
  --treetable-header-cell-background: var(--content-background);
  --treetable-header-background: var(--content-background);
  --breadcrumb-item-border-radius: var(--content-border-radius);
  --breadcrumb-background: var(--content-background);
  --datepicker-year-border-radius: var(--content-border-radius);
  --datepicker-month-border-radius: var(--content-border-radius);
  --datepicker-panel-border-radius: var(--content-border-radius);
  --datepicker-panel-background: var(--content-background);
  --datepicker-header-background: var(--content-background);
  --datepicker-select-year-border-radius: var(--content-border-radius);
  --datepicker-select-month-border-radius: var(--content-border-radius);
  --datepicker-dropdown-hover-color: var(--surface-700);
  --datepicker-dropdown-hover-background: var(--surface-200);
  --datepicker-dropdown-active-color: var(--surface-800);
  --datepicker-dropdown-active-background: var(--surface-300);
  --datepicker-dropdown-border-radius: var(--form-field-border-radius);
  --datepicker-dropdown-color: var(--surface-600);
  --datepicker-dropdown-background: var(--surface-100);
  --datepicker-today-color: var(--surface-900);
  --datepicker-today-background: var(--surface-200);
  --fileupload-border-radius: var(--content-border-radius);
  --fileupload-background: var(--content-background);
  --floatlabel-on-active-background: var(--form-field-background);
  --inputgroup-addon-border-radius: var(--form-field-border-radius);
  --inputgroup-addon-background: var(--form-field-background);
  --metergroup-border-radius: var(--content-border-radius);
  --tieredmenu-item-border-radius: var(--navigation-item-border-radius);
  --tieredmenu-border-radius: var(--content-border-radius);
  --tieredmenu-background: var(--content-background);
  --treeselect-border-radius: var(--form-field-border-radius);
  --treeselect-invalid-border-color: var(--form-field-invalid-border-color);
  --treeselect-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --treeselect-overlay-border-radius: var(--overlay-select-border-radius);
  --treeselect-overlay-background: var(--overlay-select-background);
  --treeselect-background: var(--form-field-background);
  --treeselect-transition-duration: var(--form-field-transition-duration);
  --colorpicker-panel-border-radius: var(--overlay-popover-border-radius);
  --colorpicker-panel-border-color: var(--surface-900);
  --colorpicker-panel-background: var(--surface-800);
  --colorpicker-preview-border-radius: var(--form-field-border-radius);
  --colorpicker-figma-handle-stroke: 2px solid var(--colorpicker-handle-color);
  --contextmenu-item-border-radius: var(--navigation-item-border-radius);
  --contextmenu-border-radius: var(--content-border-radius);
  --contextmenu-background: var(--content-background);
  --inputnumber-button-border-radius: var(--form-field-border-radius);
  --inputnumber-button-color: var(--surface-400);
  --inputnumber-button-hover-color: var(--surface-500);
  --inputnumber-button-hover-background: var(--surface-100);
  --inputnumber-button-active-color: var(--surface-600);
  --inputnumber-button-active-background: var(--surface-200);
  --multiselect-border-radius: var(--form-field-border-radius);
  --multiselect-option-border-radius: var(--list-option-border-radius);
  --multiselect-invalid-border-color: var(--form-field-invalid-border-color);
  --multiselect-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --multiselect-overlay-border-radius: var(--overlay-select-border-radius);
  --multiselect-overlay-background: var(--overlay-select-background);
  --multiselect-background: var(--form-field-background);
  --multiselect-transition-duration: var(--form-field-transition-duration);
  --progressbar-border-radius: var(--content-border-radius);
  --radiobutton-invalid-border-color: var(--form-field-invalid-border-color);
  --radiobutton-background: var(--form-field-background);
  --radiobutton-transition-duration: var(--form-field-transition-duration);
  --scrollpanel-bar-background: var(--surface-100);
  --splitbutton-border-radius: var(--form-field-border-radius);
  --autocomplete-chip-icon-color: var(--surface-800);
  --autocomplete-chip-color: var(--surface-800);
  --autocomplete-chip-focus-color: var(--surface-800);
  --autocomplete-chip-focus-background: var(--surface-200);
  --autocomplete-chip-remove-icon-color: var(--surface-800);
  --autocomplete-chip-background: var(--surface-100);
  --autocomplete-border-radius: var(--form-field-border-radius);
  --autocomplete-option-border-radius: var(--list-option-border-radius);
  --autocomplete-invalid-border-color: var(--form-field-invalid-border-color);
  --autocomplete-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --autocomplete-overlay-border-radius: var(--overlay-select-border-radius);
  --autocomplete-overlay-background: var(--overlay-select-background);
  --autocomplete-dropdown-hover-color: var(--surface-700);
  --autocomplete-dropdown-hover-background: var(--surface-200);
  --autocomplete-dropdown-active-color: var(--surface-800);
  --autocomplete-dropdown-active-background: var(--surface-300);
  --autocomplete-dropdown-border-radius: var(--form-field-border-radius);
  --autocomplete-dropdown-color: var(--surface-600);
  --autocomplete-dropdown-background: var(--surface-100);
  --autocomplete-background: var(--form-field-background);
  --confirmpopup-border-radius: var(--overlay-popover-border-radius);
  --confirmpopup-background: var(--overlay-popover-background);
  --overlaybadge-outline-color: var(--content-background);
  --selectbutton-border-radius: var(--form-field-border-radius);
  --selectbutton-invalid-border-color: var(--form-field-invalid-border-color);
  --togglebutton-icon-color: var(--surface-500);
  --togglebutton-icon-hover-color: var(--surface-700);
  --togglebutton-icon-checked-color: var(--surface-900);
  --togglebutton-border-radius: var(--content-border-radius);
  --togglebutton-border-color: var(--surface-100);
  --togglebutton-content-border-radius: var(--content-border-radius);
  --togglebutton-invalid-border-color: var(--form-field-invalid-border-color);
  --togglebutton-transition-duration: var(--form-field-transition-duration);
  --togglebutton-color: var(--surface-500);
  --togglebutton-hover-color: var(--surface-700);
  --togglebutton-hover-background: var(--surface-100);
  --togglebutton-checked-color: var(--surface-900);
  --togglebutton-checked-border-color: var(--surface-100);
  --togglebutton-checked-background: var(--surface-100);
  --togglebutton-background: var(--surface-100);
  --toggleswitch-hover-background: var(--surface-400);
  --toggleswitch-invalid-border-color: var(--form-field-invalid-border-color);
  --toggleswitch-transition-duration: var(--form-field-transition-duration);
  --toggleswitch-background: var(--surface-300);
  --cascadeselect-border-radius: var(--form-field-border-radius);
  --cascadeselect-option-border-radius: var(--list-option-border-radius);
  --cascadeselect-invalid-border-color: var(--form-field-invalid-border-color);
  --cascadeselect-invalid-placeholder-color: var(--form-field-invalid-placeholder-color);
  --cascadeselect-overlay-border-radius: var(--overlay-select-border-radius);
  --cascadeselect-overlay-background: var(--overlay-select-background);
  --cascadeselect-background: var(--form-field-background);
  --cascadeselect-transition-duration: var(--form-field-transition-duration);
  --virtualscroller-loader-mask-background: var(--content-background);
  --organizationchart-node-border-radius: var(--content-border-radius);
  --organizationchart-node-toggle-button-background: var(--content-background);
  --organizationchart-node-background: var(--content-background);
  --organizationchart-connector-border-radius: var(--content-border-radius);
  --app-card-background: var(--content-background);
  --form-field-focus-border-color: var(--primary-color);
  --list-option-group-color: var(--text-muted-color);
  --list-option-color: var(--text-color);
  --list-option-focus-color: var(--text-hover-color);
  --list-option-selected-color: var(--highlight-color);
  --list-option-selected-focus-color: var(--highlight-focus-color);
  --list-option-selected-focus-background: var(--highlight-focus-background);
  --list-option-selected-background: var(--highlight-background);
  --focus-ring-color: var(--primary-color);
  --content-color: var(--text-color);
  --content-hover-color: var(--text-hover-color);
  --heading-card-color: var(--text-color);
  --heading-page-color: var(--text-color);
  --heading-card-sm-color: var(--text-muted-color); /** Colour of card titles when emphasis is on the content e.g. big stat numbers.  */
  --heading-section-color: var(--text-color);
  --overlay-modal-color: var(--text-color);
  --overlay-select-color: var(--text-color);
  --overlay-popover-color: var(--text-color);
  --navigation-item-color: var(--text-color);
  --navigation-item-focus-color: var(--text-hover-color);
  --navigation-item-active-color: var(--text-hover-color);
  --navigation-submenu-label-color: var(--text-muted-color);
  --card-subtitle-color: var(--text-muted-color);
  --knob-text-color: var(--text-muted-color);
  --knob-range-background: var(--content-border-color);
  --knob-value-background: var(--primary-color);
  --menu-item-icon-color: var(--navigation-item-icon-color);
  --menu-item-icon-focus-color: var(--navigation-item-icon-focus-color);
  --menu-item-focus-background: var(--navigation-item-focus-background);
  --menu-border-color: var(--content-border-color);
  --menu-separator-border-color: var(--content-border-color);
  --tabs-nav-button-color: var(--text-muted-color);
  --tabs-nav-button-hover-color: var(--text-color);
  --tabs-tab-color: var(--text-muted-color);
  --tabs-tab-hover-color: var(--text-color);
  --tabs-tab-hover-border-color: var(--content-border-color);
  --tabs-tab-active-color: var(--primary-color);
  --tabs-tab-active-border-color: var(--primary-color);
  --tabs-tab-border-color: var(--content-border-color);
  --tabs-active-bar-background: var(--primary-color);
  --tabs-tablist-border-color: var(--content-border-color);
  --tree-node-icon-color: var(--text-muted-color);
  --tree-node-icon-hover-color: var(--text-hover-muted-color);
  --tree-node-icon-selected-color: var(--highlight-color);
  --tree-node-color: var(--text-color);
  --tree-node-hover-color: var(--text-hover-color);
  --tree-node-hover-background: var(--content-hover-background);
  --tree-node-toggle-button-color: var(--text-muted-color);
  --tree-node-toggle-button-hover-color: var(--text-hover-muted-color);
  --tree-node-toggle-button-hover-background: var(--content-hover-background);
  --tree-node-toggle-button-selected-hover-color: var(--primary-color);
  --tree-node-selected-color: var(--highlight-color);
  --tree-node-selected-background: var(--highlight-background);
  --badge-primary-background: var(--primary-color);
  --image-preview-mask-color: var(--mask-color);
  --panel-border-color: var(--content-border-color);
  --panel-header-color: var(--text-color);
  --panel-header-border-color: var(--content-border-color);
  --toast-figma-contrast-close-button-focus-ring-offset-stroke: var(--toast-close-button-focus-ring-offset) solid var(--toast-contrast-background);
  --toast-figma-contrast-close-button-focus-ring-stroke: 3px var(--toast-close-button-focus-ring-style) var(--toast-contrast-close-button-focus-ring-color);
  --toast-figma-contrast-stroke: 1px solid var(--toast-contrast-border-color);
  --toast-figma-secondary-close-button-focus-ring-offset-stroke: var(--toast-close-button-focus-ring-offset) solid var(--toast-secondary-background);
  --toast-figma-secondary-close-button-focus-ring-stroke: 3px var(--toast-close-button-focus-ring-style) var(--toast-secondary-close-button-focus-ring-color);
  --toast-figma-secondary-stroke: 1px solid var(--toast-secondary-border-color);
  --avatar-group-stroke: 2px solid var(--avatar-group-border-color);
  --avatar-background: var(--content-border-color);
  --button-text-primary-color: var(--primary-color);
  --button-outlined-primary-color: var(--primary-color);
  --button-figma-contrast-hover-stroke: 1px solid var(--button-contrast-hover-border-color);
  --button-figma-contrast-active-stroke: 1px solid var(--button-contrast-active-border-color);
  --button-figma-contrast-stroke: 1px solid var(--button-contrast-border-color);
  --button-figma-outlined-plain-stroke: 1px solid var(--button-outlined-plain-border-color);
  --button-figma-outlined-primary-stroke: 1px solid var(--button-outlined-primary-border-color);
  --button-figma-outlined-contrast-stroke: 1px solid var(--button-outlined-contrast-border-color);
  --button-figma-outlined-secondary-stroke: 1px solid var(--button-outlined-secondary-border-color);
  --button-figma-secondary-hover-stroke: 1px solid var(--button-secondary-hover-border-color);
  --button-figma-secondary-active-stroke: 1px solid var(--button-secondary-active-border-color);
  --button-figma-secondary-stroke: 1px solid var(--button-secondary-border-color);
  --button-primary-focus-ring-color: var(--primary-color);
  --button-primary-hover-border-color: var(--primary-hover-color);
  --button-primary-hover-background: var(--primary-hover-color);
  --button-primary-active-border-color: var(--primary-active-color);
  --button-primary-active-background: var(--primary-active-color);
  --button-primary-border-color: var(--primary-color);
  --button-primary-background: var(--primary-color);
  --dialog-border-color: var(--overlay-modal-border-color);
  --drawer-border-color: var(--overlay-modal-border-color);
  --editor-content-border-color: var(--content-border-color);
  --editor-overlay-border-color: var(--overlay-select-border-color);
  --editor-overlay-option-focus-background: var(--list-option-focus-background);
  --editor-toolbar-item-color: var(--text-muted-color);
  --editor-toolbar-item-hover-color: var(--text-color);
  --editor-toolbar-item-active-color: var(--primary-color);
  --editor-toolbar-border-color: var(--content-border-color);
  --rating-icon-color: var(--text-muted-color);
  --rating-icon-hover-color: var(--primary-color);
  --rating-icon-active-color: var(--primary-color);
  --select-clear-icon-color: var(--form-field-icon-color);
  --select-color: var(--form-field-color);
  --select-hover-border-color: var(--form-field-hover-border-color);
  --select-border-color: var(--form-field-border-color);
  --select-filled-focus-background: var(--form-field-filled-focus-background);
  --select-filled-hover-background: var(--form-field-filled-hover-background);
  --select-filled-background: var(--form-field-filled-background);
  --select-option-focus-background: var(--list-option-focus-background);
  --select-overlay-border-color: var(--overlay-select-border-color);
  --select-disabled-color: var(--form-field-disabled-color);
  --select-disabled-background: var(--form-field-disabled-background);
  --select-dropdown-color: var(--form-field-icon-color);
  --select-placeholder-color: var(--form-field-placeholder-color);
  --slider-range-background: var(--primary-color);
  --slider-track-background: var(--content-border-color);
  --slider-handle-hover-background: var(--content-border-color);
  --slider-handle-background: var(--content-border-color);
  --divider-border-color: var(--content-border-color);
  --divider-content-color: var(--text-color);
  --inplace-display-hover-background: var(--content-hover-background);
  --listbox-color: var(--form-field-color);
  --listbox-border-color: var(--form-field-border-color);
  --listbox-option-focus-background: var(--list-option-focus-background);
  --listbox-disabled-color: var(--form-field-disabled-color);
  --listbox-disabled-background: var(--form-field-disabled-background);
  --menubar-item-icon-color: var(--navigation-item-icon-color);
  --menubar-item-icon-focus-color: var(--navigation-item-icon-focus-color);
  --menubar-item-icon-active-color: var(--navigation-item-icon-active-color);
  --menubar-item-focus-background: var(--navigation-item-focus-background);
  --menubar-item-active-background: var(--navigation-item-active-background);
  --menubar-border-color: var(--content-border-color);
  --menubar-mobile-button-color: var(--text-muted-color);
  --menubar-mobile-button-hover-color: var(--text-hover-muted-color);
  --menubar-mobile-button-hover-background: var(--content-hover-background);
  --menubar-submenu-icon-color: var(--navigation-submenu-icon-color);
  --menubar-submenu-icon-focus-color: var(--navigation-submenu-icon-focus-color);
  --menubar-submenu-icon-active-color: var(--navigation-submenu-icon-active-color);
  --menubar-submenu-border-color: var(--content-border-color);
  --menubar-separator-border-color: var(--content-border-color);
  --message-figma-contrast-close-button-focus-ring-offset-stroke: var(--message-close-button-focus-ring-offset) solid var(--message-contrast-background);
  --message-figma-contrast-close-button-focus-ring-stroke: 3px var(--message-close-button-focus-ring-style) var(--message-contrast-close-button-focus-ring-color);
  --message-figma-contrast-stroke: 1px solid var(--message-contrast-border-color);
  --message-figma-contrast-outlined-stroke: 1px solid var(--message-contrast-outlined-border-color);
  --message-figma-secondary-close-button-focus-ring-offset-stroke: var(--message-close-button-focus-ring-offset) solid var(--message-secondary-background);
  --message-figma-secondary-close-button-focus-ring-stroke: 3px var(--message-close-button-focus-ring-style) var(--message-secondary-close-button-focus-ring-color);
  --message-figma-secondary-stroke: 1px solid var(--message-secondary-border-color);
  --message-figma-secondary-outlined-stroke: 1px solid var(--message-secondary-outlined-border-color);
  --popover-border-color: var(--overlay-popover-border-color);
  --stepper-step-title-color: var(--text-muted-color);
  --stepper-step-title-active-color: var(--primary-color);
  --stepper-step-number-color: var(--text-muted-color);
  --stepper-step-number-active-color: var(--primary-color);
  --stepper-step-number-active-border-color: var(--content-border-color);
  --stepper-step-number-border-color: var(--content-border-color);
  --stepper-separator-active-background: var(--primary-color);
  --stepper-separator-background: var(--content-border-color);
  --toolbar-border-color: var(--content-border-color);
  --carousel-indicator-active-background: var(--primary-color);
  --checkbox-icon-color: var(--form-field-color);
  --checkbox-icon-disabled-color: var(--form-field-disabled-color);
  --checkbox-focus-border-color: var(--form-field-border-color);
  --checkbox-hover-border-color: var(--form-field-hover-border-color);
  --checkbox-border-color: var(--form-field-border-color);
  --checkbox-filled-background: var(--form-field-filled-background);
  --checkbox-checked-focus-border-color: var(--primary-color);
  --checkbox-checked-hover-border-color: var(--primary-hover-color);
  --checkbox-checked-hover-background: var(--primary-hover-color);
  --checkbox-checked-border-color: var(--primary-color);
  --checkbox-checked-disabled-border-color: var(--form-field-border-color);
  --checkbox-checked-background: var(--primary-color);
  --checkbox-disabled-background: var(--form-field-disabled-background);
  --dataview-footer-border-color: var(--content-border-color);
  --dataview-header-border-color: var(--content-border-color);
  --dataview-paginator-top-border-color: var(--content-border-color);
  --dataview-paginator-bottom-border-color: var(--content-border-color);
  --fieldset-border-color: var(--content-border-color);
  --fieldset-legend-hover-background: var(--content-hover-background);
  --fieldset-toggle-icon-color: var(--text-muted-color);
  --fieldset-toggle-icon-hover-color: var(--text-hover-muted-color);
  --galleria-border-color: var(--content-border-color);
  --galleria-indicator-button-active-background: var(--primary-color);
  --megamenu-item-icon-color: var(--navigation-item-icon-color);
  --megamenu-item-icon-focus-color: var(--navigation-item-icon-focus-color);
  --megamenu-item-icon-active-color: var(--navigation-item-icon-active-color);
  --megamenu-item-focus-background: var(--navigation-item-focus-background);
  --megamenu-item-active-background: var(--navigation-item-active-background);
  --megamenu-border-color: var(--content-border-color);
  --megamenu-mobile-button-color: var(--text-muted-color);
  --megamenu-mobile-button-hover-color: var(--text-hover-muted-color);
  --megamenu-mobile-button-hover-background: var(--content-hover-background);
  --megamenu-overlay-border-color: var(--content-border-color);
  --megamenu-submenu-icon-color: var(--navigation-submenu-icon-color);
  --megamenu-submenu-icon-focus-color: var(--navigation-submenu-icon-focus-color);
  --megamenu-submenu-icon-active-color: var(--navigation-submenu-icon-active-color);
  --megamenu-separator-border-color: var(--content-border-color);
  --password-icon-color: var(--form-field-icon-color);
  --password-meter-background: var(--content-border-color);
  --password-overlay-border-color: var(--overlay-popover-border-color);
  --splitter-border-color: var(--content-border-color);
  --splitter-gutter-background: var(--content-border-color);
  --terminal-color: var(--form-field-color);
  --terminal-border-color: var(--form-field-border-color);
  --textarea-color: var(--form-field-color);
  --textarea-hover-border-color: var(--form-field-hover-border-color);
  --textarea-border-color: var(--form-field-border-color);
  --textarea-filled-focus-background: var(--form-field-filled-focus-background);
  --textarea-filled-hover-background: var(--form-field-filled-hover-background);
  --textarea-filled-background: var(--form-field-filled-background);
  --textarea-disabled-color: var(--form-field-disabled-color);
  --textarea-disabled-background: var(--form-field-disabled-background);
  --textarea-placeholder-color: var(--form-field-placeholder-color);
  --timeline-event-marker-border-color: var(--content-border-color);
  --timeline-event-marker-content-background: var(--primary-color);
  --timeline-event-connector-color: var(--content-border-color);
  --accordion-panel-border-color: var(--content-border-color);
  --accordion-header-color: var(--text-muted-color);
  --accordion-header-hover-color: var(--text-color);
  --accordion-header-active-color: var(--text-color);
  --accordion-header-border-color: var(--content-border-color);
  --accordion-header-toggle-icon-color: var(--text-muted-color);
  --accordion-header-toggle-icon-hover-color: var(--text-color);
  --accordion-header-toggle-icon-active-color: var(--text-color);
  --accordion-header-toggle-icon-active-hover-color: var(--text-color);
  --accordion-content-color: var(--text-color);
  --accordion-content-border-color: var(--content-border-color);
  --datatable-row-hover-background: var(--content-hover-background);
  --datatable-row-toggle-button-color: var(--text-muted-color);
  --datatable-row-toggle-button-hover-color: var(--text-color);
  --datatable-row-toggle-button-hover-background: var(--content-hover-background);
  --datatable-row-toggle-button-selected-hover-color: var(--primary-color);
  --datatable-row-selected-color: var(--highlight-color);
  --datatable-row-selected-background: var(--highlight-background);
  --datatable-drop-point-color: var(--primary-color);
  --datatable-sort-icon-color: var(--text-muted-color);
  --datatable-sort-icon-hover-color: var(--text-hover-muted-color);
  --datatable-filter-rule-border-color: var(--content-border-color);
  --datatable-filter-overlay-select-border-color: var(--overlay-select-border-color);
  --datatable-filter-overlay-popover-border-color: var(--overlay-popover-border-color);
  --datatable-filter-constraint-focus-background: var(--list-option-focus-background);
  --datatable-filter-constraint-separator-border-color: var(--content-border-color);
  --datatable-header-cell-hover-background: var(--content-hover-background);
  --datatable-header-cell-selected-color: var(--highlight-color);
  --datatable-header-cell-selected-background: var(--highlight-background);
  --datatable-resize-indicator-color: var(--primary-color);
  --datatable-figma-body-cell-selected-stroke: 1px solid var(--datatable-body-cell-selected-border-color);
  --datatable-border-color: var(--content-border-color);
  --iconfield-icon-color: var(--form-field-icon-color);
  --iftalabel-color: var(--form-field-float-label-color);
  --iftalabel-focus-color: var(--form-field-float-label-focus-color);
  --iftalabel-invalid-color: var(--form-field-float-label-invalid-color);
  --inputtext-color: var(--form-field-color);
  --inputtext-hover-border-color: var(--form-field-hover-border-color);
  --inputtext-border-color: var(--form-field-border-color);
  --inputtext-filled-focus-background: var(--form-field-filled-focus-background);
  --inputtext-filled-hover-background: var(--form-field-filled-hover-background);
  --inputtext-filled-background: var(--form-field-filled-background);
  --inputtext-disabled-color: var(--form-field-disabled-color);
  --inputtext-disabled-background: var(--form-field-disabled-background);
  --inputtext-placeholder-color: var(--form-field-placeholder-color);
  --paginator-nav-button-color: var(--text-muted-color);
  --paginator-nav-button-hover-color: var(--text-hover-muted-color);
  --paginator-nav-button-hover-background: var(--content-hover-background);
  --paginator-nav-button-selected-color: var(--highlight-color);
  --paginator-nav-button-selected-background: var(--highlight-background);
  --paginator-current-page-report-color: var(--text-muted-color);
  --panelmenu-item-icon-color: var(--navigation-item-icon-color);
  --panelmenu-item-icon-focus-color: var(--navigation-item-icon-focus-color);
  --panelmenu-item-focus-background: var(--navigation-item-focus-background);
  --panelmenu-panel-border-color: var(--content-border-color);
  --panelmenu-submenu-icon-color: var(--navigation-submenu-icon-color);
  --panelmenu-submenu-icon-focus-color: var(--navigation-submenu-icon-focus-color);
  --treetable-row-hover-background: var(--content-hover-background);
  --treetable-row-selected-color: var(--highlight-color);
  --treetable-row-selected-background: var(--highlight-background);
  --treetable-node-toggle-button-color: var(--text-muted-color);
  --treetable-node-toggle-button-hover-color: var(--text-color);
  --treetable-node-toggle-button-hover-background: var(--content-hover-background);
  --treetable-node-toggle-button-selected-hover-color: var(--primary-color);
  --treetable-sort-icon-color: var(--text-muted-color);
  --treetable-sort-icon-hover-color: var(--text-hover-muted-color);
  --treetable-header-cell-hover-background: var(--content-hover-background);
  --treetable-header-cell-selected-color: var(--highlight-color);
  --treetable-header-cell-selected-background: var(--highlight-background);
  --treetable-resize-indicator-color: var(--primary-color);
  --treetable-paginator-top-border-color: var(--content-border-color);
  --treetable-paginator-bottom-border-color: var(--content-border-color);
  --treetable-figma-body-cell-selected-stroke: 1px solid var(--treetable-body-cell-selected-border-color);
  --treetable-border-color: var(--content-border-color);
  --breadcrumb-item-icon-color: var(--navigation-item-icon-color);
  --breadcrumb-item-icon-hover-color: var(--navigation-item-icon-focus-color);
  --breadcrumb-item-color: var(--text-muted-color);
  --breadcrumb-item-hover-color: var(--text-color);
  --breadcrumb-separator-color: var(--navigation-item-icon-color);
  --datepicker-date-hover-background: var(--content-hover-background);
  --datepicker-date-range-selected-color: var(--highlight-color);
  --datepicker-date-range-selected-background: var(--highlight-background);
  --datepicker-date-selected-background: var(--primary-color);
  --datepicker-time-picker-border-color: var(--content-border-color);
  --datepicker-group-border-color: var(--content-border-color);
  --datepicker-input-icon-color: var(--form-field-icon-color);
  --datepicker-panel-border-color: var(--content-border-color);
  --datepicker-header-border-color: var(--content-border-color);
  --datepicker-select-year-hover-background: var(--content-hover-background);
  --datepicker-select-month-hover-background: var(--content-hover-background);
  --datepicker-dropdown-hover-border-color: var(--form-field-border-color);
  --datepicker-dropdown-active-border-color: var(--form-field-border-color);
  --datepicker-dropdown-border-color: var(--form-field-border-color);
  --datepicker-buttonbar-border-color: var(--content-border-color);
  --fileupload-file-border-color: var(--content-border-color);
  --fileupload-border-color: var(--content-border-color);
  --fileupload-header-color: var(--text-color);
  --fileupload-content-highlight-border-color: var(--primary-color);
  --floatlabel-color: var(--form-field-float-label-color);
  --floatlabel-focus-color: var(--form-field-float-label-focus-color);
  --floatlabel-active-color: var(--form-field-float-label-active-color);
  --floatlabel-invalid-color: var(--form-field-float-label-invalid-color);
  --inputgroup-addon-color: var(--form-field-icon-color);
  --inputgroup-addon-border-color: var(--form-field-border-color);
  --metergroup-meters-background: var(--content-border-color);
  --tieredmenu-item-icon-color: var(--navigation-item-icon-color);
  --tieredmenu-item-icon-focus-color: var(--navigation-item-icon-focus-color);
  --tieredmenu-item-icon-active-color: var(--navigation-item-icon-active-color);
  --tieredmenu-item-focus-background: var(--navigation-item-focus-background);
  --tieredmenu-item-active-background: var(--navigation-item-active-background);
  --tieredmenu-border-color: var(--content-border-color);
  --tieredmenu-submenu-icon-color: var(--navigation-submenu-icon-color);
  --tieredmenu-submenu-icon-focus-color: var(--navigation-submenu-icon-focus-color);
  --tieredmenu-submenu-icon-active-color: var(--navigation-submenu-icon-active-color);
  --tieredmenu-separator-border-color: var(--content-border-color);
  --treeselect-clear-icon-color: var(--form-field-icon-color);
  --treeselect-color: var(--form-field-color);
  --treeselect-hover-border-color: var(--form-field-hover-border-color);
  --treeselect-border-color: var(--form-field-border-color);
  --treeselect-filled-focus-background: var(--form-field-filled-focus-background);
  --treeselect-filled-hover-background: var(--form-field-filled-hover-background);
  --treeselect-filled-background: var(--form-field-filled-background);
  --treeselect-overlay-border-color: var(--overlay-select-border-color);
  --treeselect-disabled-color: var(--form-field-disabled-color);
  --treeselect-disabled-background: var(--form-field-disabled-background);
  --treeselect-dropdown-color: var(--form-field-icon-color);
  --treeselect-placeholder-color: var(--form-field-placeholder-color);
  --colorpicker-figma-panel-stroke: 1px solid var(--colorpicker-panel-border-color);
  --contextmenu-item-icon-color: var(--navigation-item-icon-color);
  --contextmenu-item-icon-focus-color: var(--navigation-item-icon-focus-color);
  --contextmenu-item-icon-active-color: var(--navigation-item-icon-active-color);
  --contextmenu-item-focus-background: var(--navigation-item-focus-background);
  --contextmenu-item-active-background: var(--navigation-item-active-background);
  --contextmenu-border-color: var(--content-border-color);
  --contextmenu-submenu-icon-color: var(--navigation-submenu-icon-color);
  --contextmenu-submenu-icon-focus-color: var(--navigation-submenu-icon-focus-color);
  --contextmenu-submenu-icon-active-color: var(--navigation-submenu-icon-active-color);
  --contextmenu-separator-border-color: var(--content-border-color);
  --inputnumber-button-border-color: var(--form-field-border-color);
  --inputnumber-button-hover-border-color: var(--form-field-border-color);
  --inputnumber-button-active-border-color: var(--form-field-border-color);
  --multiselect-clear-icon-color: var(--form-field-icon-color);
  --multiselect-color: var(--form-field-color);
  --multiselect-hover-border-color: var(--form-field-hover-border-color);
  --multiselect-border-color: var(--form-field-border-color);
  --multiselect-filled-focus-background: var(--form-field-filled-focus-background);
  --multiselect-filled-hover-background: var(--form-field-filled-hover-background);
  --multiselect-filled-background: var(--form-field-filled-background);
  --multiselect-option-focus-background: var(--list-option-focus-background);
  --multiselect-overlay-border-color: var(--overlay-select-border-color);
  --multiselect-disabled-color: var(--form-field-disabled-color);
  --multiselect-disabled-background: var(--form-field-disabled-background);
  --multiselect-dropdown-color: var(--form-field-icon-color);
  --multiselect-placeholder-color: var(--form-field-placeholder-color);
  --progressbar-value-background: var(--primary-color);
  --progressbar-background: var(--content-border-color);
  --radiobutton-icon-disabled-color: var(--form-field-disabled-color);
  --radiobutton-focus-border-color: var(--form-field-border-color);
  --radiobutton-hover-border-color: var(--form-field-hover-border-color);
  --radiobutton-border-color: var(--form-field-border-color);
  --radiobutton-filled-background: var(--form-field-filled-background);
  --radiobutton-checked-focus-border-color: var(--primary-color);
  --radiobutton-checked-hover-border-color: var(--primary-hover-color);
  --radiobutton-checked-hover-background: var(--primary-hover-color);
  --radiobutton-checked-border-color: var(--primary-color);
  --radiobutton-checked-disabled-border-color: var(--form-field-border-color);
  --radiobutton-checked-background: var(--primary-color);
  --radiobutton-disabled-background: var(--form-field-disabled-background);
  --autocomplete-color: var(--form-field-color);
  --autocomplete-hover-border-color: var(--form-field-hover-border-color);
  --autocomplete-border-color: var(--form-field-border-color);
  --autocomplete-filled-focus-background: var(--form-field-filled-focus-background);
  --autocomplete-filled-hover-background: var(--form-field-filled-hover-background);
  --autocomplete-filled-background: var(--form-field-filled-background);
  --autocomplete-option-focus-background: var(--list-option-focus-background);
  --autocomplete-overlay-border-color: var(--overlay-select-border-color);
  --autocomplete-disabled-color: var(--form-field-disabled-color);
  --autocomplete-disabled-background: var(--form-field-disabled-background);
  --autocomplete-dropdown-hover-border-color: var(--form-field-border-color);
  --autocomplete-dropdown-active-border-color: var(--form-field-border-color);
  --autocomplete-dropdown-border-color: var(--form-field-border-color);
  --autocomplete-placeholder-color: var(--form-field-placeholder-color);
  --confirmpopup-border-color: var(--overlay-popover-border-color);
  --selectbutton-figma-invalid-stroke: 1px solid var(--selectbutton-invalid-border-color);
  --togglebutton-icon-disabled-color: var(--form-field-disabled-color);
  --togglebutton-disabled-color: var(--form-field-disabled-color);
  --togglebutton-disabled-border-color: var(--form-field-disabled-background);
  --togglebutton-disabled-background: var(--form-field-disabled-background);
  --togglebutton-figma-stroke: 1px solid var(--togglebutton-border-color);
  --togglebutton-figma-checked-stroke: 1px solid var(--togglebutton-checked-border-color);
  --toggleswitch-handle-color: var(--text-muted-color);
  --toggleswitch-handle-hover-color: var(--text-color);
  --toggleswitch-handle-checked-color: var(--primary-color);
  --toggleswitch-handle-checked-hover-color: var(--primary-hover-color);
  --toggleswitch-handle-disabled-background: var(--form-field-disabled-color);
  --toggleswitch-checked-hover-background: var(--primary-hover-color);
  --toggleswitch-checked-background: var(--primary-color);
  --toggleswitch-disabled-background: var(--form-field-disabled-background);
  --cascadeselect-clear-icon-color: var(--form-field-icon-color);
  --cascadeselect-color: var(--form-field-color);
  --cascadeselect-hover-border-color: var(--form-field-hover-border-color);
  --cascadeselect-border-color: var(--form-field-border-color);
  --cascadeselect-filled-focus-background: var(--form-field-filled-focus-background);
  --cascadeselect-filled-hover-background: var(--form-field-filled-hover-background);
  --cascadeselect-filled-background: var(--form-field-filled-background);
  --cascadeselect-option-icon-color: var(--list-option-icon-color);
  --cascadeselect-option-icon-focus-color: var(--list-option-icon-focus-color);
  --cascadeselect-option-focus-background: var(--list-option-focus-background);
  --cascadeselect-overlay-border-color: var(--overlay-select-border-color);
  --cascadeselect-disabled-color: var(--form-field-disabled-color);
  --cascadeselect-disabled-background: var(--form-field-disabled-background);
  --cascadeselect-dropdown-color: var(--form-field-icon-color);
  --cascadeselect-placeholder-color: var(--form-field-placeholder-color);
  --virtualscroller-loader-mask-color: var(--text-muted-color);
  --organizationchart-node-hover-background: var(--content-hover-background);
  --organizationchart-node-border-color: var(--content-border-color);
  --organizationchart-node-toggle-button-color: var(--text-muted-color);
  --organizationchart-node-toggle-button-hover-color: var(--text-color);
  --organizationchart-node-toggle-button-hover-background: var(--content-hover-background);
  --organizationchart-node-toggle-button-border-color: var(--content-border-color);
  --organizationchart-node-selected-color: var(--highlight-color);
  --organizationchart-node-selected-background: var(--highlight-background);
  --organizationchart-connector-color: var(--content-border-color);
  --focus-ring-stroke: 3px var(--focus-ring-style) var(--focus-ring-color);
  --card-color: var(--content-color);
  --chip-remove-icon-focus-ring-color: var(--focus-ring-color);
  --dock-item-focus-ring-color: var(--focus-ring-color);
  --knob-focus-ring-color: var(--focus-ring-color);
  --menu-item-color: var(--navigation-item-color);
  --menu-item-focus-color: var(--navigation-item-focus-color);
  --menu-color: var(--content-color);
  --menu-submenu-label-color: var(--navigation-submenu-label-color);
  --tabs-nav-button-focus-ring-color: var(--focus-ring-color);
  --tabs-tab-focus-ring-color: var(--focus-ring-color);
  --tabs-tabpanel-color: var(--content-color);
  --tabs-tabpanel-focus-ring-color: var(--focus-ring-color);
  --tree-node-focus-ring-color: var(--focus-ring-color);
  --tree-node-toggle-button-focus-ring-color: var(--focus-ring-color);
  --tree-color: var(--content-color);
  --image-action-focus-ring-color: var(--focus-ring-color);
  --panel-color: var(--content-color);
  --avatar-color: var(--content-color);
  --button-figma-primary-hover-stroke: 1px solid var(--button-primary-hover-border-color);
  --button-figma-primary-active-stroke: 1px solid var(--button-primary-active-border-color);
  --button-figma-primary-stroke: 1px solid var(--button-primary-border-color);
  --dialog-color: var(--overlay-modal-color);
  --drawer-color: var(--overlay-modal-color);
  --editor-content-color: var(--content-color);
  --editor-overlay-color: var(--overlay-select-color);
  --editor-overlay-option-color: var(--list-option-color);
  --editor-overlay-option-focus-color: var(--list-option-focus-color);
  --rating-focus-ring-color: var(--focus-ring-color);
  --select-focus-border-color: var(--form-field-focus-border-color);
  --select-option-color: var(--list-option-color);
  --select-option-focus-color: var(--list-option-focus-color);
  --select-option-group-color: var(--list-option-group-color);
  --select-option-selected-color: var(--list-option-selected-color);
  --select-option-selected-focus-color: var(--list-option-selected-focus-color);
  --select-option-selected-focus-background: var(--list-option-selected-focus-background);
  --select-option-selected-background: var(--list-option-selected-background);
  --select-overlay-color: var(--overlay-select-color);
  --select-checkmark-color: var(--list-option-color);
  --slider-handle-focus-ring-color: var(--focus-ring-color);
  --inplace-focus-ring-color: var(--focus-ring-color);
  --inplace-display-hover-color: var(--content-hover-color);
  --listbox-option-color: var(--list-option-color);
  --listbox-option-focus-color: var(--list-option-focus-color);
  --listbox-option-group-color: var(--list-option-group-color);
  --listbox-option-selected-color: var(--list-option-selected-color);
  --listbox-option-selected-focus-color: var(--list-option-selected-focus-color);
  --listbox-option-selected-focus-background: var(--list-option-selected-focus-background);
  --listbox-option-selected-background: var(--list-option-selected-background);
  --listbox-checkmark-color: var(--list-option-color);
  --menubar-item-color: var(--navigation-item-color);
  --menubar-item-focus-color: var(--navigation-item-focus-color);
  --menubar-item-active-color: var(--navigation-item-active-color);
  --menubar-color: var(--content-color);
  --menubar-mobile-button-focus-ring-color: var(--focus-ring-color);
  --popover-color: var(--overlay-popover-color);
  --stepper-step-header-focus-ring-color: var(--focus-ring-color);
  --stepper-steppanel-color: var(--content-color);
  --toolbar-color: var(--content-color);
  --carousel-indicator-focus-ring-color: var(--focus-ring-color);
  --checkbox-focus-ring-color: var(--focus-ring-color);
  --dataview-footer-color: var(--content-color);
  --dataview-header-color: var(--content-color);
  --dataview-content-color: var(--content-color);
  --fieldset-color: var(--content-color);
  --fieldset-legend-color: var(--content-color);
  --fieldset-legend-focus-ring-color: var(--focus-ring-color);
  --fieldset-legend-hover-color: var(--content-hover-color);
  --galleria-nav-button-focus-ring-color: var(--focus-ring-color);
  --galleria-close-button-focus-ring-color: var(--focus-ring-color);
  --galleria-indicator-button-focus-ring-color: var(--focus-ring-color);
  --galleria-thumbnail-nav-button-focus-ring-color: var(--focus-ring-color);
  --megamenu-item-color: var(--navigation-item-color);
  --megamenu-item-focus-color: var(--navigation-item-focus-color);
  --megamenu-item-active-color: var(--navigation-item-active-color);
  --megamenu-color: var(--content-color);
  --megamenu-mobile-button-focus-ring-color: var(--focus-ring-color);
  --megamenu-overlay-color: var(--content-color);
  --megamenu-submenu-label-color: var(--navigation-submenu-label-color);
  --password-overlay-color: var(--overlay-popover-color);
  --splitter-color: var(--content-color);
  --splitter-handle-focus-ring-color: var(--focus-ring-color);
  --textarea-focus-border-color: var(--form-field-focus-border-color);
  --accordion-header-focus-ring-color: var(--focus-ring-color);
  --datatable-row-color: var(--content-color);
  --datatable-row-focus-ring-color: var(--focus-ring-color);
  --datatable-row-hover-color: var(--content-hover-color);
  --datatable-row-toggle-button-focus-ring-color: var(--focus-ring-color);
  --datatable-body-cell-border-color: var(--datatable-border-color);
  --datatable-filter-overlay-select-color: var(--overlay-select-color);
  --datatable-filter-overlay-popover-color: var(--overlay-popover-color);
  --datatable-filter-constraint-color: var(--list-option-color);
  --datatable-filter-constraint-focus-color: var(--list-option-focus-color);
  --datatable-filter-constraint-selected-color: var(--list-option-selected-color);
  --datatable-filter-constraint-selected-focus-color: var(--list-option-selected-focus-color);
  --datatable-filter-constraint-selected-focus-background: var(--list-option-selected-focus-background);
  --datatable-filter-constraint-selected-background: var(--list-option-selected-background);
  --datatable-footer-cell-color: var(--content-color);
  --datatable-footer-cell-border-color: var(--datatable-border-color);
  --datatable-footer-color: var(--content-color);
  --datatable-footer-border-color: var(--datatable-border-color);
  --datatable-header-cell-color: var(--content-color);
  --datatable-header-cell-focus-ring-color: var(--focus-ring-color);
  --datatable-header-cell-hover-color: var(--content-hover-color);
  --datatable-header-cell-border-color: var(--datatable-border-color);
  --datatable-header-color: var(--content-color);
  --datatable-header-border-color: var(--datatable-border-color);
  --datatable-paginator-top-border-color: var(--datatable-border-color);
  --datatable-paginator-bottom-border-color: var(--datatable-border-color);
  --datatable-figma-stroke: 1px solid var(--datatable-border-color);
  --inputtext-focus-border-color: var(--form-field-focus-border-color);
  --paginator-nav-button-focus-ring-color: var(--focus-ring-color);
  --paginator-color: var(--content-color);
  --panelmenu-item-color: var(--navigation-item-color);
  --panelmenu-item-focus-color: var(--navigation-item-focus-color);
  --panelmenu-panel-color: var(--content-color);
  --treetable-row-color: var(--content-color);
  --treetable-row-focus-ring-color: var(--focus-ring-color);
  --treetable-row-hover-color: var(--content-hover-color);
  --treetable-body-cell-border-color: var(--treetable-border-color);
  --treetable-node-toggle-button-focus-ring-color: var(--focus-ring-color);
  --treetable-footer-cell-color: var(--content-color);
  --treetable-footer-cell-border-color: var(--treetable-border-color);
  --treetable-footer-color: var(--content-color);
  --treetable-footer-border-color: var(--treetable-border-color);
  --treetable-header-cell-color: var(--content-color);
  --treetable-header-cell-focus-ring-color: var(--focus-ring-color);
  --treetable-header-cell-hover-color: var(--content-hover-color);
  --treetable-header-cell-border-color: var(--treetable-border-color);
  --treetable-header-color: var(--content-color);
  --treetable-header-border-color: var(--treetable-border-color);
  --treetable-figma-stroke: 1px solid var(--treetable-border-color);
  --breadcrumb-item-focus-ring-color: var(--focus-ring-color);
  --datepicker-date-color: var(--content-color);
  --datepicker-date-focus-ring-color: var(--focus-ring-color);
  --datepicker-date-hover-color: var(--content-hover-color);
  --datepicker-week-day-color: var(--content-color);
  --datepicker-panel-color: var(--content-color);
  --datepicker-header-color: var(--content-color);
  --datepicker-select-year-color: var(--content-color);
  --datepicker-select-year-hover-color: var(--content-hover-color);
  --datepicker-select-month-color: var(--content-color);
  --datepicker-select-month-hover-color: var(--content-hover-color);
  --datepicker-dropdown-focus-ring-color: var(--focus-ring-color);
  --fileupload-color: var(--content-color);
  --tieredmenu-item-color: var(--navigation-item-color);
  --tieredmenu-item-focus-color: var(--navigation-item-focus-color);
  --tieredmenu-item-active-color: var(--navigation-item-active-color);
  --tieredmenu-color: var(--content-color);
  --treeselect-focus-border-color: var(--form-field-focus-border-color);
  --treeselect-overlay-color: var(--overlay-select-color);
  --colorpicker-preview-focus-ring-color: var(--focus-ring-color);
  --contextmenu-item-color: var(--navigation-item-color);
  --contextmenu-item-focus-color: var(--navigation-item-focus-color);
  --contextmenu-item-active-color: var(--navigation-item-active-color);
  --contextmenu-color: var(--content-color);
  --inputnumber-figma-button-hover-stroke: 1px solid var(--inputnumber-button-hover-border-color);
  --inputnumber-figma-button-active-stroke: 1px solid var(--inputnumber-button-active-border-color);
  --inputnumber-figma-button-stroke: 1px solid var(--inputnumber-button-border-color);
  --multiselect-focus-border-color: var(--form-field-focus-border-color);
  --multiselect-option-color: var(--list-option-color);
  --multiselect-option-focus-color: var(--list-option-focus-color);
  --multiselect-option-group-color: var(--list-option-group-color);
  --multiselect-option-selected-color: var(--list-option-selected-color);
  --multiselect-option-selected-focus-color: var(--list-option-selected-focus-color);
  --multiselect-option-selected-focus-background: var(--list-option-selected-focus-background);
  --multiselect-option-selected-background: var(--list-option-selected-background);
  --multiselect-overlay-color: var(--overlay-select-color);
  --radiobutton-focus-ring-color: var(--focus-ring-color);
  --scrollpanel-bar-focus-ring-color: var(--focus-ring-color);
  --autocomplete-focus-border-color: var(--form-field-focus-border-color);
  --autocomplete-option-color: var(--list-option-color);
  --autocomplete-option-focus-color: var(--list-option-focus-color);
  --autocomplete-option-group-color: var(--list-option-group-color);
  --autocomplete-option-selected-color: var(--list-option-selected-color);
  --autocomplete-option-selected-focus-color: var(--list-option-selected-focus-color);
  --autocomplete-option-selected-focus-background: var(--list-option-selected-focus-background);
  --autocomplete-option-selected-background: var(--list-option-selected-background);
  --autocomplete-overlay-color: var(--overlay-select-color);
  --autocomplete-dropdown-focus-ring-color: var(--focus-ring-color);
  --confirmpopup-icon-color: var(--overlay-popover-color);
  --confirmpopup-color: var(--overlay-popover-color);
  --togglebutton-focus-ring-color: var(--focus-ring-color);
  --toggleswitch-focus-ring-color: var(--focus-ring-color);
  --cascadeselect-focus-border-color: var(--form-field-focus-border-color);
  --cascadeselect-option-color: var(--list-option-color);
  --cascadeselect-option-focus-color: var(--list-option-focus-color);
  --cascadeselect-option-selected-color: var(--list-option-selected-color);
  --cascadeselect-option-selected-focus-color: var(--list-option-selected-focus-color);
  --cascadeselect-option-selected-focus-background: var(--list-option-selected-focus-background);
  --cascadeselect-option-selected-background: var(--list-option-selected-background);
  --cascadeselect-overlay-color: var(--overlay-select-color);
  --confirmdialog-icon-color: var(--overlay-modal-color);
  --organizationchart-node-color: var(--content-color);
  --organizationchart-node-hover-color: var(--content-hover-color);
  --organizationchart-node-toggle-button-focus-ring-color: var(--focus-ring-color);
}