prime-ui-kit 0.7.11 → 0.9.0

package/src/styles/theme-light.css

@@ -2,465 +2,396 @@
 :root,
 :root[data-theme="light"],
 [data-theme="light"] {
-  --prime-sys-border-width-control: 1px;
-  --prime-sys-border-width-focusRing: 2px;
-  --prime-sys-color-action-errorBackground: var(--prime-ref-color-red-600);
-  --prime-sys-color-action-errorBackgroundHover: var(--prime-ref-color-red-700);
-  --prime-sys-color-action-errorForeground: var(--prime-ref-color-white);
-  --prime-sys-color-action-neutralBackground: var(--prime-ref-color-gray-50);
-  --prime-sys-color-action-neutralBackgroundHover: var(--prime-ref-color-gray-100);
-  --prime-sys-color-action-neutralForeground: var(--prime-ref-color-gray-600);
-  --prime-sys-color-action-primaryBackground: var(--prime-ref-color-gray-950);
-  --prime-sys-color-action-primaryBackgroundHover: var(--prime-ref-color-gray-800);
-  --prime-sys-color-action-primaryForeground: var(--prime-ref-color-white);
-  --prime-sys-color-action-primarySoftBackground: var(--prime-ref-color-gray-100);
-  --prime-sys-color-action-primarySoftForeground: var(--prime-ref-color-gray-950);
-  --prime-sys-color-badge-grayFilled-background: var(--prime-ref-color-gray-600);
-  --prime-sys-color-badge-pink-backgroundEmphasis: var(--prime-ref-color-pink-500);
-  --prime-sys-color-badge-pink-backgroundSoft: var(--prime-ref-color-pink-50);
-  --prime-sys-color-badge-pink-border: var(--prime-ref-color-pink-300);
-  --prime-sys-color-badge-pink-foregroundOnSoft: var(--prime-ref-color-pink-700);
-  --prime-sys-color-badge-teal-backgroundEmphasis: var(--prime-ref-color-teal-500);
-  --prime-sys-color-badge-teal-backgroundSoft: var(--prime-ref-color-teal-50);
-  --prime-sys-color-badge-teal-border: var(--prime-ref-color-teal-300);
-  --prime-sys-color-badge-teal-foregroundOnSoft: var(--prime-ref-color-teal-700);
-  --prime-sys-color-border-accent: var(--prime-ref-color-gray-400);
-  --prime-sys-color-border-danger: var(--prime-ref-color-red-400);
-  --prime-sys-color-border-disabled: var(--prime-ref-color-gray-100);
-  --prime-sys-color-border-emphasis: var(--prime-ref-color-gray-950);
-  --prime-sys-color-border-inverse: var(--prime-ref-color-white);
-  --prime-sys-color-border-muted: var(--prime-ref-color-gray-200);
-  --prime-sys-color-border-separator: var(--prime-ref-color-gray-300);
-  --prime-sys-color-border-strong: var(--prime-ref-color-gray-300);
-  --prime-sys-color-border-subtle: var(--prime-ref-color-gray-200);
-  --prime-sys-color-content-accent: var(--prime-ref-color-gray-800);
-  --prime-sys-color-content-danger: var(--prime-ref-color-red-800);
-  --prime-sys-color-content-disabled: var(--prime-ref-color-gray-400);
-  --prime-sys-color-content-inverse: var(--prime-ref-color-white);
-  --prime-sys-color-content-muted: var(--prime-ref-color-gray-500);
-  --prime-sys-color-content-primary: var(--prime-ref-color-gray-950);
-  --prime-sys-color-content-secondary: var(--prime-ref-color-gray-600);
-  --prime-sys-color-dataTable-dividerHorizontal: color-mix(in srgb, var(--prime-sys-color-border-subtle) 82%, transparent);
-  --prime-sys-color-dataTable-dividerVertical: color-mix(in srgb, var(--prime-sys-color-border-subtle) 72%, transparent);
-  --prime-sys-color-dataTable-headBackground: var(--prime-sys-color-surface-default);
-  --prime-sys-color-dataTable-rowBackground: var(--prime-sys-color-surface-elevated);
-  --prime-sys-color-field-bg: var(--prime-ref-color-gray-50);
-  --prime-sys-color-field-border: var(--prime-ref-color-gray-200);
-  --prime-sys-color-field-borderError: var(--prime-ref-color-red-500);
-  --prime-sys-color-field-borderFocus: var(--prime-ref-color-gray-800);
-  --prime-sys-color-field-borderHover: var(--prime-ref-color-gray-300);
-  --prime-sys-color-field-placeholder: var(--prime-ref-color-gray-400);
-  --prime-sys-color-field-text: var(--prime-ref-color-gray-950);
-  --prime-sys-color-focus-ring: var(--prime-ref-color-gray-950);
-  --prime-sys-color-status-away-background: var(--prime-ref-color-yellow-50);
-  --prime-sys-color-status-away-backgroundEmphasis: var(--prime-ref-color-yellow-600);
-  --prime-sys-color-status-away-border: var(--prime-ref-color-yellow-200);
-  --prime-sys-color-status-away-foreground: var(--prime-ref-color-yellow-900);
-  --prime-sys-color-status-error-background: var(--prime-ref-color-red-50);
-  --prime-sys-color-status-error-backgroundEmphasis: var(--prime-ref-color-red-600);
-  --prime-sys-color-status-error-border: var(--prime-ref-color-red-200);
-  --prime-sys-color-status-error-foreground: var(--prime-ref-color-red-900);
-  --prime-sys-color-status-feature-background: var(--prime-ref-color-purple-50);
-  --prime-sys-color-status-feature-backgroundEmphasis: var(--prime-ref-color-purple-600);
-  --prime-sys-color-status-feature-border: var(--prime-ref-color-purple-200);
-  --prime-sys-color-status-feature-foreground: var(--prime-ref-color-purple-900);
-  --prime-sys-color-status-information-background: var(--prime-ref-color-blue-50);
-  --prime-sys-color-status-information-backgroundEmphasis: var(--prime-ref-color-blue-600);
-  --prime-sys-color-status-information-border: var(--prime-ref-color-blue-200);
-  --prime-sys-color-status-information-foreground: var(--prime-ref-color-blue-900);
-  --prime-sys-color-status-success-background: var(--prime-ref-color-green-50);
-  --prime-sys-color-status-success-backgroundEmphasis: var(--prime-ref-color-green-600);
-  --prime-sys-color-status-success-border: var(--prime-ref-color-green-200);
-  --prime-sys-color-status-success-foreground: var(--prime-ref-color-green-900);
-  --prime-sys-color-status-verified-background: var(--prime-ref-color-sky-50);
-  --prime-sys-color-status-verified-backgroundEmphasis: var(--prime-ref-color-sky-600);
-  --prime-sys-color-status-verified-border: var(--prime-ref-color-sky-200);
-  --prime-sys-color-status-verified-foreground: var(--prime-ref-color-sky-900);
-  --prime-sys-color-status-warning-background: var(--prime-ref-color-orange-50);
-  --prime-sys-color-status-warning-backgroundEmphasis: var(--prime-ref-color-orange-600);
-  --prime-sys-color-status-warning-border: var(--prime-ref-color-orange-200);
-  --prime-sys-color-status-warning-foreground: var(--prime-ref-color-orange-900);
-  --prime-sys-color-surface-accentSoft: var(--prime-ref-color-gray-100);
-  --prime-sys-color-surface-dangerSoft: var(--prime-ref-color-red-50);
-  --prime-sys-color-surface-default: var(--prime-ref-color-gray-50);
-  --prime-sys-color-surface-elevated: var(--prime-ref-color-gray-0);
-  --prime-sys-color-surface-overlay: var(--prime-ref-color-overlay-scrimLight);
-  --prime-sys-color-surface-raised: var(--prime-ref-color-gray-0);
-  --prime-sys-color-tooltip-background: var(--prime-ref-color-gray-900);
-  --prime-sys-color-tooltip-border: var(--prime-ref-color-gray-700);
-  --prime-sys-color-tooltip-foreground: var(--prime-ref-color-white);
-  --prime-sys-elevation-shadow-buttonFocus: 0 0 0 2px rgba(15, 17, 21, 0.14);
-  --prime-sys-elevation-shadow-errorFocus: 0 0 0 2px rgba(220, 38, 38, 0.2);
-  --prime-sys-elevation-shadow-fancyButtonError: 0 1px 2px rgba(14, 18, 27, 0.24), 0 0 0 1px var(--prime-sys-color-action-errorBackground);
-  --prime-sys-elevation-shadow-fancyButtonNeutral: 0 1px 2px rgba(14, 18, 27, 0.24), 0 0 0 1px var(--prime-sys-color-content-primary);
-  --prime-sys-elevation-shadow-fancyButtonPrimary: 0 1px 2px rgba(14, 18, 27, 0.24), 0 0 0 1px var(--prime-sys-color-action-primaryBackground);
-  --prime-sys-elevation-shadow-modal: var(--prime-ref-shadow-3xl);
-  --prime-sys-elevation-shadow-primaryFocus: 0 0 0 2px rgba(15, 17, 21, 0.2);
-  --prime-sys-elevation-shadow-surface: var(--prime-ref-shadow-s);
-  --prime-sys-elevation-shadow-tooltip: 0 12px 28px rgba(15, 17, 21, 0.22), 0 4px 10px rgba(15, 17, 21, 0.16);
-  --prime-sys-elevation-zIndex-base: var(--prime-ref-zIndex-base);
-  --prime-sys-elevation-zIndex-drawer: var(--prime-ref-zIndex-drawer);
-  --prime-sys-elevation-zIndex-drawerNestedShell: var(--prime-ref-zIndex-drawerNestedShell);
-  --prime-sys-elevation-zIndex-dropdown: var(--prime-ref-zIndex-dropdown);
-  --prime-sys-elevation-zIndex-dropdownInDrawer: var(--prime-ref-zIndex-dropdownInDrawer);
-  --prime-sys-elevation-zIndex-dropdownInDrawerInModal: var(--prime-ref-zIndex-dropdownInDrawerInModal);
-  --prime-sys-elevation-zIndex-dropdownInModal: var(--prime-ref-zIndex-dropdownInModal);
-  --prime-sys-elevation-zIndex-modal: var(--prime-ref-zIndex-modal);
-  --prime-sys-elevation-zIndex-popover: var(--prime-ref-zIndex-popover);
-  --prime-sys-elevation-zIndex-popoverInDrawer: var(--prime-ref-zIndex-popoverInDrawer);
-  --prime-sys-elevation-zIndex-popoverInDrawerInModal: var(--prime-ref-zIndex-popoverInDrawerInModal);
-  --prime-sys-elevation-zIndex-popoverInModal: var(--prime-ref-zIndex-popoverInModal);
-  --prime-sys-elevation-zIndex-sticky: var(--prime-ref-zIndex-sticky);
-  --prime-sys-elevation-zIndex-toast: var(--prime-ref-zIndex-toast);
-  --prime-sys-elevation-zIndex-tooltip: var(--prime-ref-zIndex-tooltip);
-  --prime-sys-elevation-zIndex-tooltipInDrawer: var(--prime-ref-zIndex-tooltipInDrawer);
-  --prime-sys-elevation-zIndex-tooltipInDrawerInModal: var(--prime-ref-zIndex-tooltipInDrawerInModal);
-  --prime-sys-elevation-zIndex-tooltipInModal: var(--prime-ref-zIndex-tooltipInModal);
-  --prime-sys-motion-duration-fast: var(--prime-ref-motion-duration-fast);
-  --prime-sys-motion-duration-medium: var(--prime-ref-motion-duration-medium);
-  --prime-sys-motion-duration-slow: var(--prime-ref-motion-duration-slow);
-  --prime-sys-motion-easing-standard: var(--prime-ref-motion-easing-standard);
-  --prime-sys-motion-fast: var(--prime-ref-motion-duration-fast);
-  --prime-sys-motion-medium: var(--prime-ref-motion-duration-medium);
-  --prime-sys-motion-slow: var(--prime-ref-motion-duration-slow);
-  --prime-sys-motion-standard: var(--prime-ref-motion-easing-standard);
-  --prime-sys-shape-radius-4xl: var(--prime-ref-radius-4xl);
-  --prime-sys-shape-radius-l: var(--prime-ref-radius-l);
-  --prime-sys-shape-radius-m: var(--prime-ref-radius-m);
-  --prime-sys-shape-radius-round: var(--prime-ref-radius-round);
-  --prime-sys-shape-radius-s: var(--prime-ref-radius-s);
-  --prime-sys-shape-radius-xs: var(--prime-ref-radius-xs);
-  --prime-sys-size-avatar-2xl-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-2xl-size: var(--prime-ref-size-2xl);
-  --prime-sys-size-avatar-2xl-text: var(--prime-sys-typography-sizeScale-2xl);
-  --prime-sys-size-avatar-3xl-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-3xl-size: var(--prime-ref-size-3xl);
-  --prime-sys-size-avatar-3xl-text: var(--prime-sys-typography-sizeScale-3xl);
-  --prime-sys-size-avatar-4xl-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-4xl-size: var(--prime-ref-size-4xl);
-  --prime-sys-size-avatar-4xl-text: var(--prime-sys-typography-sizeScale-4xl);
-  --prime-sys-size-avatar-5xl-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-5xl-size: var(--prime-ref-size-5xl);
-  --prime-sys-size-avatar-5xl-text: var(--prime-sys-typography-sizeScale-5xl);
-  --prime-sys-size-avatar-6xl-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-6xl-size: var(--prime-ref-size-6xl);
-  --prime-sys-size-avatar-6xl-text: var(--prime-sys-typography-sizeScale-6xl);
-  --prime-sys-size-avatar-l-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-l-size: var(--prime-ref-size-l);
-  --prime-sys-size-avatar-l-text: var(--prime-sys-typography-control-s);
-  --prime-sys-size-avatar-m-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-m-size: var(--prime-ref-size-m);
-  --prime-sys-size-avatar-m-text: var(--prime-sys-typography-support-2xs);
-  --prime-sys-size-avatar-s-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-s-size: var(--prime-ref-size-s);
-  --prime-sys-size-avatar-s-text: var(--prime-sys-typography-support-2xs);
-  --prime-sys-size-avatar-xl-radius: var(--prime-sys-shape-radius-round);
-  --prime-sys-size-avatar-xl-size: var(--prime-ref-size-xl);
-  --prime-sys-size-avatar-xl-text: var(--prime-sys-typography-control-l);
-  --prime-sys-size-badge-l-dotSize: var(--prime-ref-spaces-layout-m);
-  --prime-sys-size-badge-l-gap: var(--prime-sys-size-control-m-gap);
-  --prime-sys-size-badge-l-iconSize: var(--prime-sys-size-control-m-icon);
-  --prime-sys-size-badge-l-paddingX: var(--prime-sys-size-control-m-buttonPaddingX);
-  --prime-sys-size-badge-l-paddingY: var(--prime-sys-size-control-m-inputPaddingY);
-  --prime-sys-size-badge-l-radius: var(--prime-sys-size-control-m-radius);
-  --prime-sys-size-badge-l-text: var(--prime-sys-size-control-m-text);
-  --prime-sys-size-badge-m-dotSize: var(--prime-ref-spaces-layout-s);
-  --prime-sys-size-badge-m-gap: var(--prime-sys-size-control-s-gap);
-  --prime-sys-size-badge-m-iconSize: var(--prime-sys-size-control-s-icon);
-  --prime-sys-size-badge-m-paddingX: var(--prime-sys-size-control-s-buttonPaddingX);
-  --prime-sys-size-badge-m-paddingY: var(--prime-sys-size-control-s-inputPaddingY);
-  --prime-sys-size-badge-m-radius: var(--prime-sys-size-control-s-radius);
-  --prime-sys-size-badge-m-text: var(--prime-sys-size-control-s-text);
-  --prime-sys-size-badge-s-dotSize: var(--prime-ref-spaces-layout-xs);
-  --prime-sys-size-badge-s-gap: var(--prime-sys-size-control-xs-gap);
-  --prime-sys-size-badge-s-iconSize: var(--prime-sys-size-control-xs-icon);
-  --prime-sys-size-badge-s-paddingX: var(--prime-sys-size-control-xs-buttonPaddingX);
-  --prime-sys-size-badge-s-paddingY: var(--prime-sys-size-control-xs-inputPaddingY);
-  --prime-sys-size-badge-s-radius: var(--prime-sys-size-control-xs-radius);
-  --prime-sys-size-badge-s-text: var(--prime-sys-size-control-xs-text);
-  --prime-sys-size-badge-xl-dotSize: var(--prime-ref-spaces-layout-l);
-  --prime-sys-size-badge-xl-gap: var(--prime-sys-size-control-l-gap);
-  --prime-sys-size-badge-xl-iconSize: var(--prime-sys-size-control-l-icon);
-  --prime-sys-size-badge-xl-paddingX: var(--prime-sys-size-control-l-buttonPaddingX);
-  --prime-sys-size-badge-xl-paddingY: var(--prime-sys-size-control-l-inputPaddingY);
-  --prime-sys-size-badge-xl-radius: var(--prime-sys-size-control-l-radius);
-  --prime-sys-size-badge-xl-text: var(--prime-sys-size-control-l-text);
-  --prime-sys-size-choice-l-control: var(--prime-ref-icon-l);
-  --prime-sys-size-choice-l-dot: var(--prime-ref-spaces-layout-s);
-  --prime-sys-size-choice-l-gap: var(--prime-sys-spacing-m);
-  --prime-sys-size-choice-l-text: var(--prime-sys-typography-control-m);
-  --prime-sys-size-choice-m-control: var(--prime-ref-icon-m);
-  --prime-sys-size-choice-m-dot: var(--prime-ref-spaces-layout-s);
-  --prime-sys-size-choice-m-gap: var(--prime-sys-spacing-s);
-  --prime-sys-size-choice-m-text: var(--prime-sys-typography-control-s);
-  --prime-sys-size-choice-s-control: var(--prime-ref-icon-s);
-  --prime-sys-size-choice-s-dot: var(--prime-ref-spaces-layout-xs);
-  --prime-sys-size-choice-s-gap: var(--prime-sys-spacing-s);
-  --prime-sys-size-choice-s-text: var(--prime-sys-typography-support-2xs);
-  --prime-sys-size-choice-xl-control: var(--prime-ref-icon-xl);
-  --prime-sys-size-choice-xl-dot: var(--prime-ref-spaces-layout-m);
-  --prime-sys-size-choice-xl-gap: var(--prime-sys-spacing-l);
-  --prime-sys-size-choice-xl-text: var(--prime-sys-typography-control-l);
-  --prime-sys-size-control-l-buttonPaddingX: var(--prime-ref-spaces-control-button-l);
-  --prime-sys-size-control-l-buttonPaddingY: var(--prime-ref-spaces-control-button-l);
-  --prime-sys-size-control-l-gap: var(--prime-ref-spaces-control-spacing-l);
-  --prime-sys-size-control-l-height: var(--prime-ref-size-l);
-  --prime-sys-size-control-l-icon: var(--prime-ref-icon-l);
-  --prime-sys-size-control-l-inputPaddingX: var(--prime-ref-spaces-control-spacing-l);
-  --prime-sys-size-control-l-inputPaddingY: var(--prime-sys-spacing-s);
-  --prime-sys-size-control-l-radius: var(--prime-ref-radius-l);
-  --prime-sys-size-control-l-supportText: var(--prime-sys-typography-support-xs);
-  --prime-sys-size-control-l-text: var(--prime-sys-typography-control-m);
-  --prime-sys-size-control-m-buttonPaddingX: var(--prime-ref-spaces-control-button-m);
-  --prime-sys-size-control-m-buttonPaddingY: var(--prime-ref-spaces-control-button-m);
-  --prime-sys-size-control-m-gap: var(--prime-ref-spaces-control-spacing-m);
-  --prime-sys-size-control-m-height: var(--prime-ref-size-m);
-  --prime-sys-size-control-m-icon: var(--prime-ref-icon-m);
-  --prime-sys-size-control-m-inputPaddingX: var(--prime-ref-spaces-control-spacing-m);
-  --prime-sys-size-control-m-inputPaddingY: var(--prime-sys-spacing-s);
-  --prime-sys-size-control-m-radius: var(--prime-ref-radius-m);
-  --prime-sys-size-control-m-supportText: var(--prime-sys-typography-support-2xs);
-  --prime-sys-size-control-m-text: var(--prime-sys-typography-control-s);
-  --prime-sys-size-control-s-buttonPaddingX: var(--prime-ref-spaces-control-button-s);
-  --prime-sys-size-control-s-buttonPaddingY: var(--prime-ref-spaces-control-button-s);
-  --prime-sys-size-control-s-gap: var(--prime-ref-spaces-control-spacing-s);
-  --prime-sys-size-control-s-height: var(--prime-ref-size-s);
-  --prime-sys-size-control-s-icon: var(--prime-ref-icon-s);
-  --prime-sys-size-control-s-inputPaddingX: var(--prime-ref-spaces-control-spacing-s);
-  --prime-sys-size-control-s-inputPaddingY: var(--prime-sys-spacing-xs);
-  --prime-sys-size-control-s-radius: var(--prime-ref-radius-s);
-  --prime-sys-size-control-s-supportText: var(--prime-sys-typography-support-2xs);
-  --prime-sys-size-control-s-text: var(--prime-sys-typography-support-2xs);
-  --prime-sys-size-control-xl-buttonPaddingX: var(--prime-ref-spaces-control-button-xl);
-  --prime-sys-size-control-xl-buttonPaddingY: var(--prime-ref-spaces-control-button-xl);
-  --prime-sys-size-control-xl-gap: var(--prime-ref-spaces-control-spacing-xl);
-  --prime-sys-size-control-xl-height: var(--prime-ref-size-xl);
-  --prime-sys-size-control-xl-icon: var(--prime-ref-icon-xl);
-  --prime-sys-size-control-xl-inputPaddingX: var(--prime-ref-spaces-control-spacing-xl);
-  --prime-sys-size-control-xl-inputPaddingY: var(--prime-sys-spacing-m);
-  --prime-sys-size-control-xl-radius: var(--prime-ref-radius-xl);
-  --prime-sys-size-control-xl-supportText: var(--prime-sys-typography-support-xs);
-  --prime-sys-size-control-xl-text: var(--prime-sys-typography-control-l);
-  --prime-sys-size-control-xs-buttonPaddingX: var(--prime-sys-spacing-s);
-  --prime-sys-size-control-xs-buttonPaddingY: var(--prime-sys-spacing-s);
-  --prime-sys-size-control-xs-gap: var(--prime-sys-spacing-xs);
-  --prime-sys-size-control-xs-height: var(--prime-ref-size-xs);
-  --prime-sys-size-control-xs-icon: var(--prime-ref-icon-xs);
-  --prime-sys-size-control-xs-inputPaddingX: var(--prime-sys-spacing-xs);
-  --prime-sys-size-control-xs-inputPaddingY: var(--prime-sys-spacing-xs);
-  --prime-sys-size-control-xs-radius: var(--prime-ref-radius-xs);
-  --prime-sys-size-control-xs-supportText: var(--prime-sys-typography-support-3xs);
-  --prime-sys-size-control-xs-text: var(--prime-sys-typography-support-3xs);
-  --prime-sys-size-drawer-l-footerGap: var(--prime-sys-spacing-x3);
-  --prime-sys-size-drawer-l-headerGap: var(--prime-sys-spacing-x3);
-  --prime-sys-size-drawer-l-paddingX: var(--prime-sys-spacing-x6);
-  --prime-sys-size-drawer-l-paddingY: var(--prime-sys-spacing-x6);
-  --prime-sys-size-drawer-l-titleGap: var(--prime-sys-size-control-l-gap);
-  --prime-sys-size-drawer-l-titleText: var(--prime-sys-size-control-l-text);
-  --prime-sys-size-drawer-m-footerGap: var(--prime-sys-spacing-x3);
-  --prime-sys-size-drawer-m-headerGap: var(--prime-sys-spacing-x3);
-  --prime-sys-size-drawer-m-paddingX: var(--prime-sys-spacing-x5);
-  --prime-sys-size-drawer-m-paddingY: var(--prime-sys-spacing-x5);
-  --prime-sys-size-drawer-m-titleGap: var(--prime-sys-size-control-m-gap);
-  --prime-sys-size-drawer-m-titleText: var(--prime-sys-size-control-m-text);
-  --prime-sys-size-drawer-s-footerGap: var(--prime-sys-spacing-x2);
-  --prime-sys-size-drawer-s-headerGap: var(--prime-sys-spacing-x2);
-  --prime-sys-size-drawer-s-paddingX: var(--prime-sys-spacing-x3);
-  --prime-sys-size-drawer-s-paddingY: var(--prime-sys-spacing-x3);
-  --prime-sys-size-drawer-s-titleGap: var(--prime-sys-size-control-s-gap);
-  --prime-sys-size-drawer-s-titleText: var(--prime-sys-size-control-s-text);
-  --prime-sys-size-drawer-xl-footerGap: var(--prime-sys-spacing-x4);
-  --prime-sys-size-drawer-xl-headerGap: var(--prime-sys-spacing-x4);
-  --prime-sys-size-drawer-xl-paddingX: var(--prime-sys-spacing-x8);
-  --prime-sys-size-drawer-xl-paddingY: var(--prime-sys-spacing-x8);
-  --prime-sys-size-drawer-xl-titleGap: var(--prime-sys-size-control-xl-gap);
-  --prime-sys-size-drawer-xl-titleText: var(--prime-sys-size-control-xl-text);
-  --prime-sys-size-kbd-height: var(--prime-sys-size-control-xs-height);
-  --prime-sys-size-kbd-paddingX: var(--prime-sys-size-control-xs-inputPaddingX);
-  --prime-sys-size-kbd-paddingY: var(--prime-sys-size-control-xs-inputPaddingY);
-  --prime-sys-size-kbd-radius: var(--prime-sys-size-control-xs-radius);
-  --prime-sys-size-kbd-text: var(--prime-sys-size-control-xs-text);
-  --prime-sys-size-modal-bodyGap: var(--prime-sys-spacing-l);
-  --prime-sys-size-modal-contentGap: var(--prime-sys-spacing-l);
-  --prime-sys-size-modal-footerGap: var(--prime-sys-spacing-m);
-  --prime-sys-size-modal-footerPaddingTop: var(--prime-sys-spacing-l);
-  --prime-sys-size-modal-headerGap: var(--prime-sys-spacing-m);
-  --prime-sys-size-modal-headerIconSize: var(--prime-ref-size-m);
-  --prime-sys-size-modal-headerPaddingBottom: var(--prime-sys-spacing-l);
-  --prime-sys-size-modal-headTextPaddingRight: var(--prime-sys-spacing-3xl);
-  --prime-sys-size-modal-maxWidth: 30rem;
-  --prime-sys-size-modal-overlayPaddingX: var(--prime-sys-spacing-l);
-  --prime-sys-size-modal-overlayPaddingY: var(--prime-sys-spacing-l);
-  --prime-sys-size-modal-paddingX: var(--prime-sys-spacing-xl);
-  --prime-sys-size-modal-paddingY: var(--prime-sys-spacing-xl);
-  --prime-sys-size-modal-radius: var(--prime-sys-shape-radius-4xl);
-  --prime-sys-size-modal-titleGap: var(--prime-sys-spacing-x1);
-  --prime-sys-size-switch-l-thumb: var(--prime-ref-icon-m);
-  --prime-sys-size-switch-l-trackHeight: 1.25rem;
-  --prime-sys-size-switch-l-trackWidth: 2.25rem;
-  --prime-sys-size-switch-m-thumb: var(--prime-ref-icon-s);
-  --prime-sys-size-switch-m-trackHeight: 1.25rem;
-  --prime-sys-size-switch-m-trackWidth: 2rem;
-  --prime-sys-size-switch-s-thumb: var(--prime-ref-icon-xs);
-  --prime-sys-size-switch-s-trackHeight: 1rem;
-  --prime-sys-size-switch-s-trackWidth: 1.75rem;
-  --prime-sys-size-switch-xl-thumb: var(--prime-ref-icon-l);
-  --prime-sys-size-switch-xl-trackHeight: 1.5rem;
-  --prime-sys-size-switch-xl-trackWidth: 2.5rem;
-  --prime-sys-size-tag-l-gap: var(--prime-sys-size-control-m-gap);
-  --prime-sys-size-tag-l-iconSize: var(--prime-sys-size-control-m-icon);
-  --prime-sys-size-tag-l-paddingX: var(--prime-sys-size-control-m-buttonPaddingX);
-  --prime-sys-size-tag-l-paddingY: var(--prime-sys-size-control-m-inputPaddingY);
-  --prime-sys-size-tag-l-radius: var(--prime-sys-size-control-m-radius);
-  --prime-sys-size-tag-l-text: var(--prime-sys-size-control-m-text);
-  --prime-sys-size-tag-m-gap: var(--prime-sys-size-control-s-gap);
-  --prime-sys-size-tag-m-iconSize: var(--prime-sys-size-control-s-icon);
-  --prime-sys-size-tag-m-paddingX: var(--prime-sys-size-control-s-buttonPaddingX);
-  --prime-sys-size-tag-m-paddingY: var(--prime-sys-size-control-s-inputPaddingY);
-  --prime-sys-size-tag-m-radius: var(--prime-sys-size-control-s-radius);
-  --prime-sys-size-tag-m-text: var(--prime-sys-size-control-s-text);
-  --prime-sys-size-tag-s-gap: var(--prime-sys-size-control-xs-gap);
-  --prime-sys-size-tag-s-iconSize: var(--prime-sys-size-control-xs-icon);
-  --prime-sys-size-tag-s-paddingX: var(--prime-sys-size-control-xs-buttonPaddingX);
-  --prime-sys-size-tag-s-paddingY: var(--prime-sys-size-control-xs-inputPaddingY);
-  --prime-sys-size-tag-s-radius: var(--prime-sys-size-control-xs-radius);
-  --prime-sys-size-tag-s-text: var(--prime-sys-size-control-xs-text);
-  --prime-sys-size-tag-xl-gap: var(--prime-sys-size-control-l-gap);
-  --prime-sys-size-tag-xl-iconSize: var(--prime-sys-size-control-l-icon);
-  --prime-sys-size-tag-xl-paddingX: var(--prime-sys-size-control-l-buttonPaddingX);
-  --prime-sys-size-tag-xl-paddingY: var(--prime-sys-size-control-l-inputPaddingY);
-  --prime-sys-size-tag-xl-radius: var(--prime-sys-size-control-l-radius);
-  --prime-sys-size-tag-xl-text: var(--prime-sys-size-control-l-text);
-  --prime-sys-size-textarea-l-minHeight: 6rem;
-  --prime-sys-size-textarea-l-paddingX: var(--prime-sys-spacing-l);
-  --prime-sys-size-textarea-l-radius: var(--prime-ref-radius-l);
-  --prime-sys-size-textarea-m-minHeight: 5rem;
-  --prime-sys-size-textarea-m-paddingX: var(--prime-sys-spacing-m);
-  --prime-sys-size-textarea-m-radius: var(--prime-ref-radius-m);
-  --prime-sys-size-textarea-s-minHeight: 4rem;
-  --prime-sys-size-textarea-s-paddingX: var(--prime-sys-spacing-s);
-  --prime-sys-size-textarea-s-radius: var(--prime-ref-radius-s);
-  --prime-sys-size-textarea-xl-minHeight: 8rem;
-  --prime-sys-size-textarea-xl-paddingX: var(--prime-sys-spacing-xl);
-  --prime-sys-size-textarea-xl-radius: var(--prime-ref-radius-xl);
-  --prime-sys-size-tooltip-l-paddingX: var(--prime-sys-size-control-m-inputPaddingX);
-  --prime-sys-size-tooltip-l-paddingY: var(--prime-sys-size-control-m-inputPaddingY);
-  --prime-sys-size-tooltip-l-radius: var(--prime-sys-size-control-m-radius);
-  --prime-sys-size-tooltip-l-text: var(--prime-sys-size-control-m-supportText);
-  --prime-sys-size-tooltip-m-paddingX: var(--prime-sys-size-control-s-inputPaddingX);
-  --prime-sys-size-tooltip-m-paddingY: var(--prime-sys-size-control-s-inputPaddingY);
-  --prime-sys-size-tooltip-m-radius: var(--prime-sys-size-control-s-radius);
-  --prime-sys-size-tooltip-m-text: var(--prime-sys-size-control-s-supportText);
-  --prime-sys-size-tooltip-s-paddingX: var(--prime-sys-size-control-xs-inputPaddingX);
-  --prime-sys-size-tooltip-s-paddingY: var(--prime-sys-size-control-xs-inputPaddingY);
-  --prime-sys-size-tooltip-s-radius: var(--prime-sys-size-control-xs-radius);
-  --prime-sys-size-tooltip-s-text: var(--prime-sys-size-control-xs-supportText);
-  --prime-sys-size-tooltip-xl-paddingX: var(--prime-sys-size-control-l-inputPaddingX);
-  --prime-sys-size-tooltip-xl-paddingY: var(--prime-sys-size-control-l-inputPaddingY);
-  --prime-sys-size-tooltip-xl-radius: var(--prime-sys-size-control-l-radius);
-  --prime-sys-size-tooltip-xl-text: var(--prime-sys-size-control-l-supportText);
-  --prime-sys-spacing-2xl: var(--prime-ref-spaces-layout-2xl);
-  --prime-sys-spacing-3xl: var(--prime-ref-spaces-layout-3xl);
-  --prime-sys-spacing-4xl: var(--prime-ref-spaces-layout-4xl);
-  --prime-sys-spacing-5xl: var(--prime-ref-spaces-layout-5xl);
-  --prime-sys-spacing-6xl: var(--prime-ref-spaces-layout-6xl);
-  --prime-sys-spacing-l: var(--prime-ref-spaces-layout-l);
-  --prime-sys-spacing-m: var(--prime-ref-spaces-layout-m);
-  --prime-sys-spacing-s: var(--prime-ref-spaces-layout-s);
-  --prime-sys-spacing-x0: var(--prime-ref-spaces-layout-0);
-  --prime-sys-spacing-x1: var(--prime-ref-spaces-layout-xs);
-  --prime-sys-spacing-x10: var(--prime-ref-spaces-layout-4xl);
-  --prime-sys-spacing-x12: var(--prime-ref-spaces-layout-5xl);
-  --prime-sys-spacing-x14: var(--prime-ref-spaces-layout-6xl);
-  --prime-sys-spacing-x2: var(--prime-ref-spaces-layout-s);
-  --prime-sys-spacing-x3: var(--prime-ref-spaces-layout-m);
-  --prime-sys-spacing-x4: var(--prime-ref-spaces-layout-l);
-  --prime-sys-spacing-x5: var(--prime-ref-spaces-layout-xl);
-  --prime-sys-spacing-x6: var(--prime-ref-spaces-layout-2xl);
-  --prime-sys-spacing-x8: var(--prime-ref-spaces-layout-3xl);
-  --prime-sys-spacing-xl: var(--prime-ref-spaces-layout-xl);
-  --prime-sys-spacing-xs: var(--prime-ref-spaces-layout-xs);
-  --prime-sys-typography-body-letterSpacing: var(--prime-ref-font-letterSpacing-normal);
-  --prime-sys-typography-body-lineHeight: var(--prime-sys-typography-lineHeight-normal);
-  --prime-sys-typography-body-size: var(--prime-ref-font-size-s);
-  --prime-sys-typography-control-l: var(--prime-ref-font-size-m);
-  --prime-sys-typography-control-m: var(--prime-ref-font-size-s);
-  --prime-sys-typography-control-s: var(--prime-ref-font-size-xs);
-  --prime-sys-typography-family-base: var(--prime-ref-font-family-base);
-  --prime-sys-typography-lineHeight-normal: 1.5;
-  --prime-sys-typography-lineHeight-relaxed: 1.65;
-  --prime-sys-typography-lineHeight-tight: 1.25;
-  --prime-sys-typography-lineHeightScale-2xl: var(--prime-ref-font-lineHeight-2xl);
-  --prime-sys-typography-lineHeightScale-2xs: var(--prime-ref-font-lineHeight-2xs);
-  --prime-sys-typography-lineHeightScale-3xl: var(--prime-ref-font-lineHeight-3xl);
-  --prime-sys-typography-lineHeightScale-3xs: var(--prime-ref-font-lineHeight-3xs);
-  --prime-sys-typography-lineHeightScale-4xl: var(--prime-ref-font-lineHeight-4xl);
-  --prime-sys-typography-lineHeightScale-5xl: var(--prime-ref-font-lineHeight-5xl);
-  --prime-sys-typography-lineHeightScale-6xl: var(--prime-ref-font-lineHeight-6xl);
-  --prime-sys-typography-lineHeightScale-7xl: var(--prime-ref-font-lineHeight-7xl);
-  --prime-sys-typography-lineHeightScale-8xl: var(--prime-ref-font-lineHeight-8xl);
-  --prime-sys-typography-lineHeightScale-9xl: var(--prime-ref-font-lineHeight-9xl);
-  --prime-sys-typography-lineHeightScale-l: var(--prime-ref-font-lineHeight-l);
-  --prime-sys-typography-lineHeightScale-labelMicro: var(--prime-ref-font-lineHeight-labelMicro);
-  --prime-sys-typography-lineHeightScale-m: var(--prime-ref-font-lineHeight-m);
-  --prime-sys-typography-lineHeightScale-s: var(--prime-ref-font-lineHeight-s);
-  --prime-sys-typography-lineHeightScale-xl: var(--prime-ref-font-lineHeight-xl);
-  --prime-sys-typography-lineHeightScale-xs: var(--prime-ref-font-lineHeight-xs);
-  --prime-sys-typography-role-bodyCompact-fontSize: var(--prime-sys-typography-sizeScale-xs);
-  --prime-sys-typography-role-bodyCompact-lineHeight: var(--prime-sys-typography-lineHeightScale-2xs);
-  --prime-sys-typography-role-bodyDefault-fontSize: var(--prime-sys-typography-sizeScale-xs);
-  --prime-sys-typography-role-bodyDefault-lineHeight: var(--prime-sys-typography-lineHeightScale-xs);
-  --prime-sys-typography-role-bodyLarge-fontSize: var(--prime-sys-typography-sizeScale-s);
-  --prime-sys-typography-role-bodyLarge-lineHeight: var(--prime-sys-typography-lineHeightScale-s);
-  --prime-sys-typography-role-bodySmall-fontSize: var(--prime-sys-typography-sizeScale-2xs);
-  --prime-sys-typography-role-bodySmall-lineHeight: var(--prime-sys-typography-lineHeightScale-2xs);
-  --prime-sys-typography-role-caption-fontSize: var(--prime-sys-typography-sizeScale-2xs);
-  --prime-sys-typography-role-caption-lineHeight: var(--prime-sys-typography-lineHeightScale-2xs);
-  --prime-sys-typography-role-captionMicro-fontSize: var(--prime-sys-typography-sizeScale-labelMicro);
-  --prime-sys-typography-role-captionMicro-lineHeight: var(--prime-sys-typography-lineHeightScale-labelMicro);
-  --prime-sys-typography-role-display-fontSize: var(--prime-sys-typography-sizeScale-9xl);
-  --prime-sys-typography-role-display-lineHeight: var(--prime-sys-typography-lineHeightScale-9xl);
-  --prime-sys-typography-role-headingGroup-fontSize: var(--prime-sys-typography-sizeScale-xs);
-  --prime-sys-typography-role-headingGroup-lineHeight: var(--prime-sys-typography-lineHeightScale-xs);
-  --prime-sys-typography-role-headingPage-fontSize: var(--prime-sys-typography-sizeScale-4xl);
-  --prime-sys-typography-role-headingPage-lineHeight: var(--prime-sys-typography-lineHeightScale-4xl);
-  --prime-sys-typography-role-headingSection-fontSize: var(--prime-sys-typography-sizeScale-2xl);
-  --prime-sys-typography-role-headingSection-lineHeight: var(--prime-sys-typography-lineHeightScale-2xl);
-  --prime-sys-typography-role-headingSubsection-fontSize: var(--prime-sys-typography-sizeScale-xl);
-  --prime-sys-typography-role-headingSubsection-lineHeight: var(--prime-sys-typography-lineHeightScale-xl);
-  --prime-sys-typography-role-headline-fontSize: var(--prime-sys-typography-sizeScale-6xl);
-  --prime-sys-typography-role-headline-lineHeight: var(--prime-sys-typography-lineHeightScale-6xl);
-  --prime-sys-typography-sizeScale-2xl: var(--prime-ref-font-size-2xl);
-  --prime-sys-typography-sizeScale-2xs: var(--prime-ref-font-size-2xs);
-  --prime-sys-typography-sizeScale-3xl: var(--prime-ref-font-size-3xl);
-  --prime-sys-typography-sizeScale-3xs: var(--prime-ref-font-size-3xs);
-  --prime-sys-typography-sizeScale-4xl: var(--prime-ref-font-size-4xl);
-  --prime-sys-typography-sizeScale-5xl: var(--prime-ref-font-size-5xl);
-  --prime-sys-typography-sizeScale-6xl: var(--prime-ref-font-size-6xl);
-  --prime-sys-typography-sizeScale-7xl: var(--prime-ref-font-size-7xl);
-  --prime-sys-typography-sizeScale-8xl: var(--prime-ref-font-size-8xl);
-  --prime-sys-typography-sizeScale-9xl: var(--prime-ref-font-size-9xl);
-  --prime-sys-typography-sizeScale-l: var(--prime-ref-font-size-l);
-  --prime-sys-typography-sizeScale-labelMicro: var(--prime-ref-font-size-labelMicro);
-  --prime-sys-typography-sizeScale-m: var(--prime-ref-font-size-m);
-  --prime-sys-typography-sizeScale-s: var(--prime-ref-font-size-s);
-  --prime-sys-typography-sizeScale-xl: var(--prime-ref-font-size-xl);
-  --prime-sys-typography-sizeScale-xs: var(--prime-ref-font-size-xs);
-  --prime-sys-typography-style-italic: italic;
-  --prime-sys-typography-style-normal: normal;
-  --prime-sys-typography-support-2xs: var(--prime-ref-font-size-2xs);
-  --prime-sys-typography-support-3xs: var(--prime-ref-font-size-3xs);
-  --prime-sys-typography-support-s: var(--prime-ref-font-size-s);
-  --prime-sys-typography-support-xs: var(--prime-ref-font-size-xs);
-  --prime-sys-typography-title-size: var(--prime-ref-font-size-l);
-  --prime-sys-typography-title-weight: var(--prime-ref-font-weight-semibold);
-  --prime-sys-typography-tracking-normal: var(--prime-ref-font-letterSpacing-normal);
-  --prime-sys-typography-tracking-tight: var(--prime-ref-font-letterSpacing-tight);
-  --prime-sys-typography-tracking-tighter: var(--prime-ref-font-letterSpacing-tighter);
-  --prime-sys-typography-tracking-wide: var(--prime-ref-font-letterSpacing-wide);
-  --prime-sys-typography-tracking-wider: var(--prime-ref-font-letterSpacing-wider);
-  --prime-sys-typography-weight-bold: var(--prime-ref-font-weight-bold);
-  --prime-sys-typography-weight-medium: var(--prime-ref-font-weight-medium);
-  --prime-sys-typography-weight-regular: var(--prime-ref-font-weight-regular);
-  --prime-sys-typography-weight-semibold: var(--prime-ref-font-weight-semibold);
+  --prime-avatar-2xl: var(--prime-ref-space-16);
+  --prime-avatar-l: var(--prime-ref-space-10);
+  --prime-avatar-m: var(--prime-ref-space-8);
+  --prime-avatar-s: var(--prime-ref-space-6);
+  --prime-avatar-xl: var(--prime-ref-space-12);
+  --prime-avatar-xs: var(--prime-ref-space-5);
+  --prime-badge-l-gap: var(--prime-ref-space-1);
+  --prime-badge-l-height: var(--prime-ref-space-7);
+  --prime-badge-l-icon: var(--prime-ref-icon-16);
+  --prime-badge-l-padding-x: 0.625rem;
+  --prime-badge-l-radius: var(--prime-ref-radius-8);
+  --prime-badge-l-text-size: var(--prime-ref-font-size-13);
+  --prime-badge-m-gap: var(--prime-ref-space-1);
+  --prime-badge-m-height: var(--prime-ref-space-6);
+  --prime-badge-m-icon: var(--prime-ref-icon-14);
+  --prime-badge-m-padding-x: var(--prime-ref-space-2);
+  --prime-badge-m-radius: var(--prime-ref-radius-6);
+  --prime-badge-m-text-size: var(--prime-ref-font-size-12);
+  --prime-badge-s-gap: var(--prime-ref-space-1);
+  --prime-badge-s-height: var(--prime-ref-space-5);
+  --prime-badge-s-icon: 0.75rem;
+  --prime-badge-s-padding-x: 0.375rem;
+  --prime-badge-s-radius: var(--prime-ref-radius-6);
+  --prime-badge-s-text-size: var(--prime-ref-font-size-12);
+  --prime-badge-xl-gap: var(--prime-ref-space-2);
+  --prime-badge-xl-height: var(--prime-ref-space-8);
+  --prime-badge-xl-icon: var(--prime-ref-icon-16);
+  --prime-badge-xl-padding-x: var(--prime-ref-space-3);
+  --prime-badge-xl-radius: var(--prime-ref-radius-8);
+  --prime-badge-xl-text-size: var(--prime-ref-font-size-14);
+  --prime-badge-xs-gap: var(--prime-ref-space-1);
+  --prime-badge-xs-height: 1rem;
+  --prime-badge-xs-icon: 0.75rem;
+  --prime-badge-xs-padding-x: var(--prime-ref-space-1);
+  --prime-badge-xs-radius: var(--prime-ref-radius-4);
+  --prime-badge-xs-text-size: var(--prime-ref-font-size-12);
+  --prime-border-width: 1px;
+  --prime-card-gap: var(--prime-ref-space-4);
+  --prime-card-padding-l: var(--prime-ref-space-6);
+  --prime-card-padding-m: var(--prime-ref-space-5);
+  --prime-card-padding-s: var(--prime-ref-space-4);
+  --prime-card-radius: var(--prime-ref-radius-12);
+  --prime-card-shadow: var(--prime-shadow-raised);
+  --prime-color-accent-default: var(--prime-ref-color-cobalt-700);
+  --prime-color-accent-fg: var(--prime-ref-color-white);
+  --prime-color-accent-hover: var(--prime-ref-color-cobalt-800);
+  --prime-color-accent-soft: var(--prime-ref-color-cobalt-100);
+  --prime-color-accent-soft-hover: var(--prime-ref-color-cobalt-200);
+  --prime-color-accent-text: var(--prime-ref-color-cobalt-700);
+  --prime-color-bg-canvas: var(--prime-ref-color-gray-50);
+  --prime-color-bg-inverse: var(--prime-ref-color-gray-925);
+  --prime-color-bg-raised: var(--prime-ref-color-gray-0);
+  --prime-color-bg-scrim: rgba(17, 19, 24, 0.44);
+  --prime-color-bg-sunken: var(--prime-ref-color-gray-75);
+  --prime-color-bg-surface: var(--prime-ref-color-gray-0);
+  --prime-color-border-control: transparent;
+  --prime-color-border-default: var(--prime-ref-color-gray-150);
+  --prime-color-border-faint: var(--prime-ref-color-gray-75);
+  --prime-color-border-subtle: var(--prime-ref-color-gray-100);
+  --prime-color-card-bg: var(--prime-color-bg-surface);
+  --prime-color-control-selected: var(--prime-ref-color-gray-0);
+  --prime-color-control-thumb: var(--prime-ref-color-white);
+  --prime-color-danger-border: var(--prime-ref-color-red-500);
+  --prime-color-danger-default: var(--prime-ref-color-red-600);
+  --prime-color-danger-fg: var(--prime-ref-color-white);
+  --prime-color-danger-hover: var(--prime-ref-color-red-700);
+  --prime-color-danger-soft: var(--prime-ref-color-red-100);
+  --prime-color-danger-text: var(--prime-ref-color-red-700);
+  --prime-color-field-bg: color-mix(in srgb, var(--prime-ref-color-gray-925) 6%, transparent);
+  --prime-color-field-bg-disabled: color-mix(in srgb, var(--prime-ref-color-gray-925) 4%, transparent);
+  --prime-color-field-bg-focus: var(--prime-ref-color-gray-0);
+  --prime-color-field-bg-surface: color-mix(in srgb, var(--prime-ref-color-gray-925) 6%, transparent);
+  --prime-color-fill-muted: color-mix(in srgb, var(--prime-ref-color-gray-925) 7%, transparent);
+  --prime-color-fill-muted-hover: color-mix(in srgb, var(--prime-ref-color-gray-925) 10%, transparent);
+  --prime-color-fill-strong: color-mix(in srgb, var(--prime-ref-color-gray-925) 15%, transparent);
+  --prime-color-fill-strong-hover: color-mix(in srgb, var(--prime-ref-color-gray-925) 22%, transparent);
+  --prime-color-fill-subtle: rgba(17, 19, 24, 0.04);
+  --prime-color-fill-subtle-active: rgba(17, 19, 24, 0.07);
+  --prime-color-focus-ring: var(--prime-ref-color-cobalt-700);
+  --prime-color-info-default: var(--prime-ref-color-sky-700);
+  --prime-color-info-fg: var(--prime-ref-color-white);
+  --prime-color-info-soft: var(--prime-ref-color-sky-100);
+  --prime-color-info-text: var(--prime-ref-color-sky-800);
+  --prime-color-palette-blue-soft: var(--prime-ref-color-cobalt-100);
+  --prime-color-palette-blue-solid: var(--prime-ref-color-cobalt-700);
+  --prime-color-palette-blue-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-blue-text: var(--prime-ref-color-cobalt-700);
+  --prime-color-palette-gray-soft: color-mix(in srgb, var(--prime-ref-color-gray-925) 10%, transparent);
+  --prime-color-palette-gray-solid: var(--prime-ref-color-gray-600);
+  --prime-color-palette-gray-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-gray-text: var(--prime-ref-color-gray-700);
+  --prime-color-palette-green-soft: var(--prime-ref-color-green-100);
+  --prime-color-palette-green-solid: var(--prime-ref-color-green-700);
+  --prime-color-palette-green-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-green-text: var(--prime-ref-color-green-700);
+  --prime-color-palette-orange-soft: var(--prime-ref-color-orange-100);
+  --prime-color-palette-orange-solid: var(--prime-ref-color-orange-700);
+  --prime-color-palette-orange-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-orange-text: var(--prime-ref-color-orange-700);
+  --prime-color-palette-pink-soft: var(--prime-ref-color-pink-100);
+  --prime-color-palette-pink-solid: var(--prime-ref-color-pink-700);
+  --prime-color-palette-pink-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-pink-text: var(--prime-ref-color-pink-700);
+  --prime-color-palette-purple-soft: var(--prime-ref-color-purple-100);
+  --prime-color-palette-purple-solid: var(--prime-ref-color-purple-700);
+  --prime-color-palette-purple-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-purple-text: var(--prime-ref-color-purple-700);
+  --prime-color-palette-red-soft: var(--prime-ref-color-red-100);
+  --prime-color-palette-red-solid: var(--prime-ref-color-red-700);
+  --prime-color-palette-red-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-red-text: var(--prime-ref-color-red-700);
+  --prime-color-palette-sky-soft: var(--prime-ref-color-sky-100);
+  --prime-color-palette-sky-solid: var(--prime-ref-color-sky-700);
+  --prime-color-palette-sky-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-sky-text: var(--prime-ref-color-sky-700);
+  --prime-color-palette-teal-soft: var(--prime-ref-color-teal-100);
+  --prime-color-palette-teal-solid: var(--prime-ref-color-teal-700);
+  --prime-color-palette-teal-solid-fg: var(--prime-ref-color-white);
+  --prime-color-palette-teal-text: var(--prime-ref-color-teal-700);
+  --prime-color-palette-yellow-soft: var(--prime-ref-color-yellow-100);
+  --prime-color-palette-yellow-solid: var(--prime-ref-color-yellow-400);
+  --prime-color-palette-yellow-solid-fg: var(--prime-ref-color-gray-925);
+  --prime-color-palette-yellow-text: var(--prime-ref-color-yellow-800);
+  --prime-color-success-default: var(--prime-ref-color-green-700);
+  --prime-color-success-fg: var(--prime-ref-color-white);
+  --prime-color-success-soft: var(--prime-ref-color-green-100);
+  --prime-color-success-text: var(--prime-ref-color-green-700);
+  --prime-color-text-disabled: var(--prime-ref-color-gray-400);
+  --prime-color-text-inverse: var(--prime-ref-color-gray-0);
+  --prime-color-text-muted: var(--prime-ref-color-gray-600);
+  --prime-color-text-placeholder: var(--prime-ref-color-gray-600);
+  --prime-color-text-primary: var(--prime-ref-color-gray-925);
+  --prime-color-text-secondary: var(--prime-ref-color-gray-700);
+  --prime-color-tooltip-bg: var(--prime-ref-color-gray-925);
+  --prime-color-tooltip-text: var(--prime-ref-color-gray-0);
+  --prime-color-warning-default: var(--prime-ref-color-orange-700);
+  --prime-color-warning-fg: var(--prime-ref-color-white);
+  --prime-color-warning-soft: var(--prime-ref-color-orange-100);
+  --prime-color-warning-text: var(--prime-ref-color-orange-800);
+  --prime-control-l-choice: var(--prime-ref-icon-20);
+  --prime-control-l-field-padding-x: var(--prime-ref-space-3);
+  --prime-control-l-gap: var(--prime-ref-space-2);
+  --prime-control-l-height: var(--prime-ref-space-10);
+  --prime-control-l-hint-gap: var(--prime-ref-space-1);
+  --prime-control-l-hint-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-l-hint-size: var(--prime-ref-font-size-13);
+  --prime-control-l-icon: var(--prime-ref-icon-20);
+  --prime-control-l-item-height: var(--prime-ref-space-9);
+  --prime-control-l-label-gap: var(--prime-ref-space-2);
+  --prime-control-l-label-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-l-label-size: var(--prime-ref-font-size-14);
+  --prime-control-l-line-height: var(--prime-ref-font-line-height-24);
+  --prime-control-l-padding-x: var(--prime-ref-space-5);
+  --prime-control-l-radius: var(--prime-ref-radius-10);
+  --prime-control-l-text-size: var(--prime-ref-font-size-16);
+  --prime-control-m-choice: 1.125rem;
+  --prime-control-m-field-padding-x: var(--prime-ref-space-3);
+  --prime-control-m-gap: var(--prime-ref-space-2);
+  --prime-control-m-height: var(--prime-ref-space-9);
+  --prime-control-m-hint-gap: var(--prime-ref-space-1);
+  --prime-control-m-hint-line-height: var(--prime-ref-font-line-height-16);
+  --prime-control-m-hint-size: var(--prime-ref-font-size-12);
+  --prime-control-m-icon: var(--prime-ref-icon-16);
+  --prime-control-m-item-height: var(--prime-ref-space-8);
+  --prime-control-m-label-gap: var(--prime-ref-space-2);
+  --prime-control-m-label-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-m-label-size: var(--prime-ref-font-size-13);
+  --prime-control-m-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-m-padding-x: var(--prime-ref-space-4);
+  --prime-control-m-radius: var(--prime-ref-radius-8);
+  --prime-control-m-text-size: var(--prime-ref-font-size-14);
+  --prime-control-s-choice: var(--prime-ref-icon-16);
+  --prime-control-s-field-padding-x: var(--prime-ref-space-2);
+  --prime-control-s-gap: var(--prime-ref-space-2);
+  --prime-control-s-height: var(--prime-ref-space-8);
+  --prime-control-s-hint-gap: var(--prime-ref-space-1);
+  --prime-control-s-hint-line-height: var(--prime-ref-font-line-height-16);
+  --prime-control-s-hint-size: var(--prime-ref-font-size-12);
+  --prime-control-s-icon: var(--prime-ref-icon-16);
+  --prime-control-s-item-height: var(--prime-ref-space-7);
+  --prime-control-s-label-gap: var(--prime-ref-space-1);
+  --prime-control-s-label-line-height: var(--prime-ref-font-line-height-16);
+  --prime-control-s-label-size: var(--prime-ref-font-size-12);
+  --prime-control-s-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-s-padding-x: var(--prime-ref-space-3);
+  --prime-control-s-radius: var(--prime-ref-radius-8);
+  --prime-control-s-text-size: var(--prime-ref-font-size-13);
+  --prime-control-xl-choice: var(--prime-ref-icon-24);
+  --prime-control-xl-field-padding-x: var(--prime-ref-space-4);
+  --prime-control-xl-gap: var(--prime-ref-space-3);
+  --prime-control-xl-height: var(--prime-ref-space-12);
+  --prime-control-xl-hint-gap: var(--prime-ref-space-1);
+  --prime-control-xl-hint-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-xl-hint-size: var(--prime-ref-font-size-13);
+  --prime-control-xl-icon: var(--prime-ref-icon-20);
+  --prime-control-xl-item-height: var(--prime-ref-space-10);
+  --prime-control-xl-label-gap: var(--prime-ref-space-2);
+  --prime-control-xl-label-line-height: var(--prime-ref-font-line-height-20);
+  --prime-control-xl-label-size: var(--prime-ref-font-size-14);
+  --prime-control-xl-line-height: var(--prime-ref-font-line-height-24);
+  --prime-control-xl-padding-x: var(--prime-ref-space-6);
+  --prime-control-xl-radius: var(--prime-ref-radius-12);
+  --prime-control-xl-text-size: var(--prime-ref-font-size-16);
+  --prime-control-xs-choice: var(--prime-ref-icon-14);
+  --prime-control-xs-field-padding-x: var(--prime-ref-space-2);
+  --prime-control-xs-gap: var(--prime-ref-space-1);
+  --prime-control-xs-height: var(--prime-ref-space-7);
+  --prime-control-xs-hint-gap: var(--prime-ref-space-1);
+  --prime-control-xs-hint-line-height: var(--prime-ref-font-line-height-16);
+  --prime-control-xs-hint-size: var(--prime-ref-font-size-12);
+  --prime-control-xs-icon: var(--prime-ref-icon-14);
+  --prime-control-xs-item-height: var(--prime-ref-space-6);
+  --prime-control-xs-label-gap: var(--prime-ref-space-1);
+  --prime-control-xs-label-line-height: var(--prime-ref-font-line-height-16);
+  --prime-control-xs-label-size: var(--prime-ref-font-size-12);
+  --prime-control-xs-line-height: var(--prime-ref-font-line-height-16);
+  --prime-control-xs-padding-x: var(--prime-ref-space-2);
+  --prime-control-xs-radius: var(--prime-ref-radius-6);
+  --prime-control-xs-text-size: var(--prime-ref-font-size-12);
+  --prime-drawer-gap: var(--prime-ref-space-4);
+  --prime-drawer-padding: var(--prime-ref-space-6);
+  --prime-drawer-width-l: 40rem;
+  --prime-drawer-width-m: 30rem;
+  --prime-drawer-width-s: 22.5rem;
+  --prime-drawer-width-xl: 50rem;
+  --prime-focus-offset: 2px;
+  --prime-focus-offset-inset: -2px;
+  --prime-focus-space: 4px;
+  --prime-focus-width: 2px;
+  --prime-font-family-mono: var(--prime-ref-font-family-mono);
+  --prime-font-family-sans: var(--prime-ref-font-family-sans);
+  --prime-font-weight-medium: var(--prime-ref-font-weight-medium);
+  --prime-font-weight-regular: var(--prime-ref-font-weight-regular);
+  --prime-font-weight-semibold: var(--prime-ref-font-weight-semibold);
+  --prime-icon-l: var(--prime-ref-icon-24);
+  --prime-icon-m: var(--prime-ref-icon-20);
+  --prime-icon-s: var(--prime-ref-icon-16);
+  --prime-icon-xl: var(--prime-ref-icon-32);
+  --prime-icon-xs: var(--prime-ref-icon-14);
+  --prime-layout-content-max-width: 75rem;
+  --prime-layout-gutter-l: var(--prime-ref-space-8);
+  --prime-layout-gutter-m: var(--prime-ref-space-6);
+  --prime-layout-gutter-s: var(--prime-ref-space-4);
+  --prime-layout-reading-max-width: 42rem;
+  --prime-layout-sidebar-collapsed-width: var(--prime-ref-space-14);
+  --prime-layout-sidebar-width: 15.5rem;
+  --prime-modal-gap: var(--prime-ref-space-4);
+  --prime-modal-padding: var(--prime-ref-space-6);
+  --prime-modal-radius: var(--prime-ref-radius-16);
+  --prime-modal-viewport-padding: var(--prime-ref-space-4);
+  --prime-modal-width-l: 45rem;
+  --prime-modal-width-m: 35rem;
+  --prime-modal-width-s: 27.5rem;
+  --prime-modal-width-xl: 60rem;
+  --prime-motion-duration-base: var(--prime-ref-duration-200);
+  --prime-motion-duration-fast: var(--prime-ref-duration-120);
+  --prime-motion-duration-slow: var(--prime-ref-duration-300);
+  --prime-motion-easing-enter: var(--prime-ref-easing-enter);
+  --prime-motion-easing-exit: var(--prime-ref-easing-exit);
+  --prime-motion-easing-standard: var(--prime-ref-easing-standard);
+  --prime-panel-content-padding: var(--prime-ref-space-4);
+  --prime-panel-group-label-height: var(--prime-ref-space-7);
+  --prime-panel-item-padding-x: var(--prime-ref-space-2);
+  --prime-panel-item-radius: var(--prime-ref-radius-8);
+  --prime-panel-max-height: 20rem;
+  --prime-panel-min-width: 12rem;
+  --prime-panel-offset: var(--prime-ref-space-1);
+  --prime-panel-padding: var(--prime-ref-space-1);
+  --prime-panel-radius: var(--prime-ref-radius-12);
+  --prime-radius-2xl: var(--prime-ref-radius-20);
+  --prime-radius-full: var(--prime-ref-radius-full);
+  --prime-radius-l: var(--prime-ref-radius-12);
+  --prime-radius-m: var(--prime-ref-radius-8);
+  --prime-radius-s: var(--prime-ref-radius-6);
+  --prime-radius-xl: var(--prime-ref-radius-16);
+  --prime-radius-xs: var(--prime-ref-radius-4);
+  --prime-shadow-modal: 0 0 0 1px rgba(17, 19, 24, 0.04), 0 32px 64px -16px rgba(17, 19, 24, 0.30);
+  --prime-shadow-overlay: 0 0 0 1px rgba(17, 19, 24, 0.04), 0 12px 32px -8px rgba(17, 19, 24, 0.18);
+  --prime-shadow-raised: 0 1px 2px rgba(17, 19, 24, 0.04);
+  --prime-space-0: var(--prime-ref-space-0);
+  --prime-space-1: var(--prime-ref-space-1);
+  --prime-space-10: var(--prime-ref-space-10);
+  --prime-space-12: var(--prime-ref-space-12);
+  --prime-space-14: var(--prime-ref-space-14);
+  --prime-space-16: var(--prime-ref-space-16);
+  --prime-space-2: var(--prime-ref-space-2);
+  --prime-space-20: var(--prime-ref-space-20);
+  --prime-space-24: var(--prime-ref-space-24);
+  --prime-space-3: var(--prime-ref-space-3);
+  --prime-space-4: var(--prime-ref-space-4);
+  --prime-space-5: var(--prime-ref-space-5);
+  --prime-space-6: var(--prime-ref-space-6);
+  --prime-space-7: var(--prime-ref-space-7);
+  --prime-space-8: var(--prime-ref-space-8);
+  --prime-space-9: var(--prime-ref-space-9);
+  --prime-switch-l-height: var(--prime-ref-space-5);
+  --prime-switch-l-thumb: 1rem;
+  --prime-switch-l-width: var(--prime-ref-space-9);
+  --prime-switch-m-height: var(--prime-ref-space-5);
+  --prime-switch-m-thumb: 1rem;
+  --prime-switch-m-width: var(--prime-ref-space-8);
+  --prime-switch-s-height: 1rem;
+  --prime-switch-s-thumb: 0.75rem;
+  --prime-switch-s-width: var(--prime-ref-space-7);
+  --prime-switch-xl-height: var(--prime-ref-space-6);
+  --prime-switch-xl-thumb: var(--prime-ref-icon-20);
+  --prime-switch-xl-width: 2.75rem;
+  --prime-switch-xs-height: 1rem;
+  --prime-switch-xs-thumb: 0.75rem;
+  --prime-switch-xs-width: var(--prime-ref-space-6);
+  --prime-table-cell-padding-x: var(--prime-ref-space-3);
+  --prime-table-row-height-l: 3.25rem;
+  --prime-table-row-height-m: 2.75rem;
+  --prime-table-row-height-s: var(--prime-ref-space-9);
+  --prime-text-body-l-line-height: var(--prime-ref-font-line-height-24);
+  --prime-text-body-l-size: var(--prime-ref-font-size-16);
+  --prime-text-body-l-tracking: var(--prime-ref-font-tracking-normal);
+  --prime-text-body-l-weight: var(--prime-ref-font-weight-regular);
+  --prime-text-body-m-line-height: var(--prime-ref-font-line-height-20);
+  --prime-text-body-m-size: var(--prime-ref-font-size-14);
+  --prime-text-body-m-tracking: var(--prime-ref-font-tracking-normal);
+  --prime-text-body-m-weight: var(--prime-ref-font-weight-regular);
+  --prime-text-body-s-line-height: var(--prime-ref-font-line-height-20);
+  --prime-text-body-s-size: var(--prime-ref-font-size-13);
+  --prime-text-body-s-tracking: var(--prime-ref-font-tracking-normal);
+  --prime-text-body-s-weight: var(--prime-ref-font-weight-regular);
+  --prime-text-caption-line-height: var(--prime-ref-font-line-height-16);
+  --prime-text-caption-size: var(--prime-ref-font-size-12);
+  --prime-text-caption-tracking: var(--prime-ref-font-tracking-wide);
+  --prime-text-caption-weight: var(--prime-ref-font-weight-regular);
+  --prime-text-code-line-height: var(--prime-ref-font-line-height-20);
+  --prime-text-code-size: var(--prime-ref-font-size-13);
+  --prime-text-code-tracking: var(--prime-ref-font-tracking-normal);
+  --prime-text-code-weight: var(--prime-ref-font-weight-regular);
+  --prime-text-display-l-line-height: var(--prime-ref-font-line-height-68);
+  --prime-text-display-l-size: var(--prime-ref-font-size-60);
+  --prime-text-display-l-tracking: var(--prime-ref-font-tracking-tightest);
+  --prime-text-display-l-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-display-m-line-height: var(--prime-ref-font-line-height-56);
+  --prime-text-display-m-size: var(--prime-ref-font-size-48);
+  --prime-text-display-m-tracking: var(--prime-ref-font-tracking-tightest);
+  --prime-text-display-m-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-display-s-line-height: var(--prime-ref-font-line-height-44);
+  --prime-text-display-s-size: var(--prime-ref-font-size-36);
+  --prime-text-display-s-tracking: var(--prime-ref-font-tracking-tighter);
+  --prime-text-display-s-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-heading-l-line-height: var(--prime-ref-font-line-height-36);
+  --prime-text-heading-l-size: var(--prime-ref-font-size-30);
+  --prime-text-heading-l-tracking: var(--prime-ref-font-tracking-tighter);
+  --prime-text-heading-l-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-heading-m-line-height: var(--prime-ref-font-line-height-32);
+  --prime-text-heading-m-size: var(--prime-ref-font-size-24);
+  --prime-text-heading-m-tracking: var(--prime-ref-font-tracking-tighter);
+  --prime-text-heading-m-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-heading-s-line-height: var(--prime-ref-font-line-height-28);
+  --prime-text-heading-s-size: var(--prime-ref-font-size-20);
+  --prime-text-heading-s-tracking: var(--prime-ref-font-tracking-tight);
+  --prime-text-heading-s-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-title-l-line-height: var(--prime-ref-font-line-height-24);
+  --prime-text-title-l-size: var(--prime-ref-font-size-18);
+  --prime-text-title-l-tracking: var(--prime-ref-font-tracking-tight);
+  --prime-text-title-l-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-title-m-line-height: var(--prime-ref-font-line-height-24);
+  --prime-text-title-m-size: var(--prime-ref-font-size-16);
+  --prime-text-title-m-tracking: var(--prime-ref-font-tracking-tight);
+  --prime-text-title-m-weight: var(--prime-ref-font-weight-semibold);
+  --prime-text-title-s-line-height: var(--prime-ref-font-line-height-20);
+  --prime-text-title-s-size: var(--prime-ref-font-size-14);
+  --prime-text-title-s-tracking: var(--prime-ref-font-tracking-normal);
+  --prime-text-title-s-weight: var(--prime-ref-font-weight-semibold);
+  --prime-tooltip-max-width: 17.5rem;
+  --prime-tooltip-padding-x: var(--prime-ref-space-2);
+  --prime-tooltip-padding-y: var(--prime-ref-space-1);
+  --prime-tooltip-radius: var(--prime-ref-radius-6);
+  --prime-z-base: var(--prime-ref-z-index-base);
+  --prime-z-drawer: var(--prime-ref-z-index-drawer);
+  --prime-z-drawer-nested-shell: var(--prime-ref-z-index-drawer-nested-shell);
+  --prime-z-dropdown: var(--prime-ref-z-index-dropdown);
+  --prime-z-dropdown-in-drawer: var(--prime-ref-z-index-dropdown-in-drawer);
+  --prime-z-dropdown-in-drawer-in-modal: var(--prime-ref-z-index-dropdown-in-drawer-in-modal);
+  --prime-z-dropdown-in-modal: var(--prime-ref-z-index-dropdown-in-modal);
+  --prime-z-modal: var(--prime-ref-z-index-modal);
+  --prime-z-popover: var(--prime-ref-z-index-popover);
+  --prime-z-popover-in-drawer: var(--prime-ref-z-index-popover-in-drawer);
+  --prime-z-popover-in-drawer-in-modal: var(--prime-ref-z-index-popover-in-drawer-in-modal);
+  --prime-z-popover-in-modal: var(--prime-ref-z-index-popover-in-modal);
+  --prime-z-sticky: var(--prime-ref-z-index-sticky);
+  --prime-z-toast: var(--prime-ref-z-index-toast);
+  --prime-z-tooltip: var(--prime-ref-z-index-tooltip);
+  --prime-z-tooltip-in-drawer: var(--prime-ref-z-index-tooltip-in-drawer);
+  --prime-z-tooltip-in-drawer-in-modal: var(--prime-ref-z-index-tooltip-in-drawer-in-modal);
+  --prime-z-tooltip-in-modal: var(--prime-ref-z-index-tooltip-in-modal);
 }