welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
857 lines • 105 kB
TypeScript
export declare const themeVariables: {
readonly "--accordion-padding-block-content": "16px";
readonly "--accordion-padding-gap-content": "8px";
readonly "--accordion-padding-gap-subtitle": "4px";
readonly "--accordion-padding-gap-tags": "4px";
readonly "--accordion-padding-size-icon-lg": "16px";
readonly "--accordion-padding-size-icon-md": "16px";
readonly "--accordion-padding-size-max-height-lg": "32px";
readonly "--accordion-padding-size-max-height-md": "24px";
readonly "--accordion-subtitle-color-text-default": "#212121";
readonly "--accordion-title-color-background": "rgba(255, 255, 255, 0)";
readonly "--accordion-title-color-icon-default": "#000000";
readonly "--accordion-title-color-text-default": "#000000";
readonly "--alert-border-radius": "8px";
readonly "--alert-border-width-ai": "2px";
readonly "--alert-color-background-ai": "#ffffff";
readonly "--alert-color-background-brand": "#fff8d9";
readonly "--alert-color-background-danger": "#fbdedc";
readonly "--alert-color-background-information": "#e0f5ff";
readonly "--alert-color-background-success": "#e7fbd3";
readonly "--alert-color-background-warning": "#ffebce";
readonly "--alert-color-icon-default": "rgba(0, 0, 0, 0.26)";
readonly "--alert-color-text-ai-body": "#212121";
readonly "--alert-color-text-ai-title": "#000000";
readonly "--alert-color-text-brand-body": "#423500";
readonly "--alert-color-text-brand-title": "#000000";
readonly "--alert-color-text-danger-body": "#450101";
readonly "--alert-color-text-danger-title": "#000000";
readonly "--alert-color-text-information-body": "#00202b";
readonly "--alert-color-text-information-title": "#000000";
readonly "--alert-color-text-success-body": "#142603";
readonly "--alert-color-text-success-title": "#000000";
readonly "--alert-color-text-warning-body": "#382303";
readonly "--alert-color-text-warning-title": "#000000";
readonly "--alert-gap-actions-lg": "12px";
readonly "--alert-gap-actions-md": "8px";
readonly "--alert-gap-content-lg": "12px";
readonly "--alert-gap-content-md": "8px";
readonly "--alert-icon-border-radius": "8px";
readonly "--alert-icon-color-background-brand": "#ffe166";
readonly "--alert-icon-color-background-danger": "#fdb3ae";
readonly "--alert-icon-color-background-information": "#9bdef7";
readonly "--alert-icon-color-background-success": "#cfebb0";
readonly "--alert-icon-color-background-warning": "#ffbb59";
readonly "--alert-icon-color-icon-ai": "#ffffff";
readonly "--alert-icon-color-icon-brand": "#423500";
readonly "--alert-icon-color-icon-danger": "#450101";
readonly "--alert-icon-color-icon-information": "#00202b";
readonly "--alert-icon-color-icon-success": "#142603";
readonly "--alert-icon-color-icon-warning": "#382303";
readonly "--alert-icon-padding-block": "4px";
readonly "--alert-icon-padding-inline": "4px";
readonly "--alert-padding-block-lg": "32px";
readonly "--alert-padding-block-md": "16px";
readonly "--alert-padding-inline-lg": "32px";
readonly "--alert-padding-inline-md": "16px";
readonly "--alert-size-icon": "24px";
readonly "--avatar-border-radius": "calc(infinity * 1px)";
readonly "--avatar-color-background-initials-blue": "#55c3e9";
readonly "--avatar-color-background-initials-green": "#bade94";
readonly "--avatar-color-background-initials-orange": "#ff9868";
readonly "--avatar-color-background-initials-pink": "#f696c8";
readonly "--avatar-color-background-initials-teal": "#00c7ae";
readonly "--avatar-color-background-initials-violet": "#acacff";
readonly "--avatar-color-background-placeholder": "#f6f3ef";
readonly "--avatar-color-icon-placeholder": "#a7a096";
readonly "--avatar-color-text-initials-blue": "#013c50";
readonly "--avatar-color-text-initials-green": "#2a4210";
readonly "--avatar-color-text-initials-orange": "#6d2605";
readonly "--avatar-color-text-initials-pink": "#5c2944";
readonly "--avatar-color-text-initials-teal": "#053731";
readonly "--avatar-color-text-initials-violet": "#3c2e63";
readonly "--avatar-size-lg": "64px";
readonly "--avatar-size-md": "48px";
readonly "--avatar-size-sm": "32px";
readonly "--avatar-size-xs": "24px";
readonly "--badge-border-radius-lg": "8px";
readonly "--badge-border-radius-md": "4px";
readonly "--badge-border-radius-sm": "calc(infinity * 1px)";
readonly "--badge-color-background-blue": "#27a5d0";
readonly "--badge-color-background-brand": "#ffcd00";
readonly "--badge-color-background-neutral": "#000000";
readonly "--badge-color-background-red": "#e1003a";
readonly "--badge-color-background-warm": "#eae4de";
readonly "--badge-color-text-blue": "#ffffff";
readonly "--badge-color-text-brand": "#000000";
readonly "--badge-color-text-neutral": "#ffffff";
readonly "--badge-color-text-red": "#ffffff";
readonly "--badge-color-text-warm": "#1e1c1a";
readonly "--badge-padding-block-lg": "4px";
readonly "--badge-padding-block-md": "2px";
readonly "--badge-padding-inline-lg": "4px";
readonly "--badge-padding-inline-md": "4px";
readonly "--badge-size-height": "8px";
readonly "--badge-size-max-height-lg": "20px";
readonly "--badge-size-max-height-md": "16px";
readonly "--badge-size-min-width-lg": "20px";
readonly "--badge-size-min-width-md": "16px";
readonly "--badge-size-width": "8px";
readonly "--border-radius-2xl": "1.5rem";
readonly "--border-radius-xxl": "1.5rem";
readonly "--radius-2xl": "1.5rem";
readonly "--border-radius-full": "calc(infinity * 1px)";
readonly "--radius-full": "calc(infinity * 1px)";
readonly "--border-radius-lg": "0.75rem";
readonly "--radius-lg": "0.75rem";
readonly "--border-radius-md": "0.5rem";
readonly "--radius-md": "0.5rem";
readonly "--border-radius-none": "0";
readonly "--radius-none": "0";
readonly "--border-radius-sm": "0.25rem";
readonly "--radius-sm": "0.25rem";
readonly "--border-radius-xl": "1rem";
readonly "--radius-xl": "1rem";
readonly "--border-radius-xs": "0.125rem";
readonly "--radius-xs": "0.125rem";
readonly "--border-width-lg": "6px";
readonly "--border-width-md": "4px";
readonly "--border-width-sm": "2px";
readonly "--border-width-xs": "1px";
readonly "--breadcrumb-color-icon-active": "#000000";
readonly "--breadcrumb-color-icon-default": "#605b55";
readonly "--breadcrumb-color-icon-hover": "#33302d";
readonly "--breadcrumb-color-text-active": "#000000";
readonly "--breadcrumb-color-text-default": "#605b55";
readonly "--breadcrumb-color-text-hover": "#33302d";
readonly "--breadcrumb-gap-content": "4px";
readonly "--breadcrumb-size-icon": "16px";
readonly "--breakpoint-2xl": "1440px";
readonly "--breakpoint-xxl": "1440px";
readonly "--breakpoint-3xl": "1620px";
readonly "--breakpoint-4xl": "1920px";
readonly "--breakpoint-lg": "980px";
readonly "--breakpoint-md": "736px";
readonly "--breakpoint-sm": "480px";
readonly "--breakpoint-xl": "1280px";
readonly "--breakpoint-xs": "0";
readonly "--button-border-radius": "8px";
readonly "--button-border-width-ai": "2px";
readonly "--button-border-width-focused": "4px";
readonly "--button-border-width-secondary": "1px";
readonly "--button-color-background-primary-ai-default": "#ffffff";
readonly "--button-color-background-primary-ai-disabled": "#f3f3f3";
readonly "--button-color-background-primary-ai-focused": "#ffffff";
readonly "--button-color-background-primary-ai-hover": "#ffffff";
readonly "--button-color-background-primary-ai-pressed": "#f3f3f3";
readonly "--button-color-background-primary-danger-default": "#a80029";
readonly "--button-color-background-primary-danger-disabled": "#f3f3f3";
readonly "--button-color-background-primary-danger-focused": "#a80029";
readonly "--button-color-background-primary-danger-hover": "#e1003a";
readonly "--button-color-background-primary-danger-pressed": "#ff6165";
readonly "--button-color-background-primary-main-default": "#ffcd00";
readonly "--button-color-background-primary-main-disabled": "#f3f3f3";
readonly "--button-color-background-primary-main-focused": "#ffcd00";
readonly "--button-color-background-primary-main-hover": "#e5b800";
readonly "--button-color-background-primary-main-pressed": "#ffe166";
readonly "--button-color-background-primary-neutral-default": "#000000";
readonly "--button-color-background-primary-neutral-disabled": "#f3f3f3";
readonly "--button-color-background-primary-neutral-focused": "#000000";
readonly "--button-color-background-primary-neutral-hover": "#212121";
readonly "--button-color-background-primary-neutral-pressed": "#444444";
readonly "--button-color-background-secondary-danger-default": "#ffffff";
readonly "--button-color-background-secondary-danger-disabled": "#f3f3f3";
readonly "--button-color-background-secondary-danger-focused": "#ffffff";
readonly "--button-color-background-secondary-danger-hover": "#ffffff";
readonly "--button-color-background-secondary-danger-pressed": "#fbdedc";
readonly "--button-color-background-secondary-main-default": "#ffffff";
readonly "--button-color-background-secondary-main-disabled": "#f3f3f3";
readonly "--button-color-background-secondary-main-focused": "#ffffff";
readonly "--button-color-background-secondary-main-hover": "#ffffff";
readonly "--button-color-background-secondary-main-pressed": "#f3f3f3";
readonly "--button-color-background-tertiary-danger-default": "rgba(0, 0, 0, 0)";
readonly "--button-color-background-tertiary-danger-disabled": "rgba(0, 0, 0, 0)";
readonly "--button-color-background-tertiary-danger-focused": "rgba(0, 0, 0, 0)";
readonly "--button-color-background-tertiary-danger-hover": "#fbdedc";
readonly "--button-color-background-tertiary-danger-pressed": "#fcc7c3";
readonly "--button-color-background-tertiary-main-default": "rgba(0, 0, 0, 0)";
readonly "--button-color-background-tertiary-main-disabled": "rgba(0, 0, 0, 0)";
readonly "--button-color-background-tertiary-main-focused": "rgba(0, 0, 0, 0)";
readonly "--button-color-background-tertiary-main-hover": "rgba(0, 0, 0, 0.05)";
readonly "--button-color-background-tertiary-main-pressed": "rgba(0, 0, 0, 0.13)";
readonly "--button-color-border-focused": "#ffe166";
readonly "--button-color-border-secondary-danger-default": "#a80029";
readonly "--button-color-border-secondary-danger-focused": "#a80029";
readonly "--button-color-border-secondary-danger-hover": "#e1003a";
readonly "--button-color-border-secondary-danger-pressed": "#fdb3ae";
readonly "--button-color-border-secondary-main-default": "#dedede";
readonly "--button-color-border-secondary-main-focused": "#dedede";
readonly "--button-color-border-secondary-main-hover": "#bdbdbd";
readonly "--button-color-border-secondary-main-pressed": "#dedede";
readonly "--button-color-icon-primary-ai-default": "#000000";
readonly "--button-color-icon-primary-ai-disabled": "#989898";
readonly "--button-color-icon-primary-ai-focused": "#000000";
readonly "--button-color-icon-primary-ai-hover": "#212121";
readonly "--button-color-icon-primary-ai-pressed": "#000000";
readonly "--button-color-icon-primary-danger-default": "#ffffff";
readonly "--button-color-icon-primary-danger-disabled": "#989898";
readonly "--button-color-icon-primary-danger-focused": "#ffffff";
readonly "--button-color-icon-primary-danger-hover": "#ffffff";
readonly "--button-color-icon-primary-danger-pressed": "#ffffff";
readonly "--button-color-icon-primary-main-default": "#000000";
readonly "--button-color-icon-primary-main-disabled": "#989898";
readonly "--button-color-icon-primary-main-focused": "#000000";
readonly "--button-color-icon-primary-main-hover": "#000000";
readonly "--button-color-icon-primary-main-pressed": "#423500";
readonly "--button-color-icon-primary-neutral-default": "#ffffff";
readonly "--button-color-icon-primary-neutral-disabled": "#989898";
readonly "--button-color-icon-primary-neutral-focused": "#ffffff";
readonly "--button-color-icon-primary-neutral-hover": "#ffffff";
readonly "--button-color-icon-primary-neutral-pressed": "#ffffff";
readonly "--button-color-icon-secondary-danger-default": "#75001a";
readonly "--button-color-icon-secondary-danger-disabled": "#989898";
readonly "--button-color-icon-secondary-danger-focused": "#75001a";
readonly "--button-color-icon-secondary-danger-hover": "#a80029";
readonly "--button-color-icon-secondary-danger-pressed": "#75001a";
readonly "--button-color-icon-secondary-main-default": "#000000";
readonly "--button-color-icon-secondary-main-disabled": "#989898";
readonly "--button-color-icon-secondary-main-focused": "#000000";
readonly "--button-color-icon-secondary-main-hover": "#212121";
readonly "--button-color-icon-secondary-main-pressed": "#000000";
readonly "--button-color-icon-tertiary-danger-default": "#a80029";
readonly "--button-color-icon-tertiary-danger-disabled": "#989898";
readonly "--button-color-icon-tertiary-danger-focused": "#a80029";
readonly "--button-color-icon-tertiary-danger-hover": "#e1003a";
readonly "--button-color-icon-tertiary-danger-pressed": "#450101";
readonly "--button-color-icon-tertiary-main-default": "#000000";
readonly "--button-color-icon-tertiary-main-disabled": "#989898";
readonly "--button-color-icon-tertiary-main-focused": "#000000";
readonly "--button-color-icon-tertiary-main-hover": "#212121";
readonly "--button-color-icon-tertiary-main-pressed": "#000000";
readonly "--button-color-text-primary-ai-default": "#000000";
readonly "--button-color-text-primary-ai-disabled": "#989898";
readonly "--button-color-text-primary-ai-focused": "#000000";
readonly "--button-color-text-primary-ai-hover": "#212121";
readonly "--button-color-text-primary-ai-pressed": "#000000";
readonly "--button-color-text-primary-danger-default": "#ffffff";
readonly "--button-color-text-primary-danger-disabled": "#989898";
readonly "--button-color-text-primary-danger-focused": "#ffffff";
readonly "--button-color-text-primary-danger-hover": "#ffffff";
readonly "--button-color-text-primary-danger-pressed": "#ffffff";
readonly "--button-color-text-primary-main-default": "#000000";
readonly "--button-color-text-primary-main-disabled": "#989898";
readonly "--button-color-text-primary-main-focused": "#000000";
readonly "--button-color-text-primary-main-hover": "#000000";
readonly "--button-color-text-primary-main-pressed": "#423500";
readonly "--button-color-text-primary-neutral-default": "#ffffff";
readonly "--button-color-text-primary-neutral-disabled": "#989898";
readonly "--button-color-text-primary-neutral-focused": "#ffffff";
readonly "--button-color-text-primary-neutral-hover": "#ffffff";
readonly "--button-color-text-primary-neutral-pressed": "#ffffff";
readonly "--button-color-text-secondary-danger-default": "#75001a";
readonly "--button-color-text-secondary-danger-disabled": "#989898";
readonly "--button-color-text-secondary-danger-focused": "#75001a";
readonly "--button-color-text-secondary-danger-hover": "#a80029";
readonly "--button-color-text-secondary-danger-pressed": "#75001a";
readonly "--button-color-text-secondary-main-default": "#000000";
readonly "--button-color-text-secondary-main-disabled": "#989898";
readonly "--button-color-text-secondary-main-focused": "#000000";
readonly "--button-color-text-secondary-main-hover": "#212121";
readonly "--button-color-text-secondary-main-pressed": "#000000";
readonly "--button-color-text-tertiary-danger-default": "#a80029";
readonly "--button-color-text-tertiary-danger-disabled": "#989898";
readonly "--button-color-text-tertiary-danger-focused": "#a80029";
readonly "--button-color-text-tertiary-danger-hover": "#e1003a";
readonly "--button-color-text-tertiary-danger-pressed": "#450101";
readonly "--button-color-text-tertiary-main-default": "#000000";
readonly "--button-color-text-tertiary-main-disabled": "#989898";
readonly "--button-color-text-tertiary-main-focused": "#000000";
readonly "--button-color-text-tertiary-main-hover": "#212121";
readonly "--button-color-text-tertiary-main-pressed": "#000000";
readonly "--button-gap-content-lg": "8px";
readonly "--button-gap-content-md": "4px";
readonly "--button-gap-content-sm": "4px";
readonly "--button-padding-block-lg": "12px";
readonly "--button-padding-block-md": "8px";
readonly "--button-padding-block-sm": "4px";
readonly "--button-padding-inline-lg": "16px";
readonly "--button-padding-inline-md": "12px";
readonly "--button-padding-inline-sm": "8px";
readonly "--button-size-icon-lg": "24px";
readonly "--button-size-icon-md": "16px";
readonly "--button-size-icon-sm": "16px";
readonly "--button-size-max-height-lg": "42px";
readonly "--button-size-max-height-md": "32px";
readonly "--button-size-max-height-sm": "24px";
readonly "--calendar-border-radius-cell": "8px";
readonly "--calendar-border-radius-container": "12px";
readonly "--calendar-border-width": "1px";
readonly "--calendar-cell-height": "32px";
readonly "--calendar-cell-width": "36px";
readonly "--calendar-color-background-default": "#ffffff";
readonly "--calendar-color-background-disabled": "#f3f3f3";
readonly "--calendar-color-background-hover": "#fbf9f7";
readonly "--calendar-color-background-range": "#fff1b2";
readonly "--calendar-color-background-selected": "#ffcd00";
readonly "--calendar-color-border-default": "#f6f3ef";
readonly "--calendar-color-dot-today": "#ffcd00";
readonly "--calendar-color-text-disabled": "#444444";
readonly "--calendar-color-text-primary": "#000000";
readonly "--calendar-color-text-secondary": "#585858";
readonly "--calendar-color-text-selected": "#000000";
readonly "--calendar-color-text-today": "#423500";
readonly "--calendar-gap-row": "0";
readonly "--calendar-gap-section": "8px";
readonly "--calendar-padding-container": "12px";
readonly "--calendar-weekday-cell-height": "28px";
readonly "--card-action-dismiss-icon-default": "#bdbdbd";
readonly "--card-action-dismiss-icon-hover": "#000000";
readonly "--card-action-dismiss-padding-block-start-lg": "16px";
readonly "--card-action-dismiss-padding-block-start-md": "12px";
readonly "--card-action-dismiss-padding-block-start-sm": "8px";
readonly "--card-action-dismiss-padding-inline-end-lg": "16px";
readonly "--card-action-dismiss-padding-inline-end-md": "12px";
readonly "--card-action-dismiss-padding-inline-end-sm": "8px";
readonly "--card-action-dismiss-size-icon-lg": "32px";
readonly "--card-action-dismiss-size-icon-md": "32px";
readonly "--card-action-dismiss-size-icon-sm": "24px";
readonly "--card-body-color-meta-text-default": "#585858";
readonly "--card-body-color-text-default": "#212121";
readonly "--card-border-radius": "8px";
readonly "--card-color-background-default": "#ffffff";
readonly "--card-color-border-default": "#f6f3ef";
readonly "--card-color-border-hover": "#eae4de";
readonly "--card-color-icon-default": "#585858";
readonly "--card-color-icon-hover": "#000000";
readonly "--card-gap-actions": "8px";
readonly "--card-gap-content-lg": "24px";
readonly "--card-gap-content-md": "16px";
readonly "--card-gap-content-sm": "8px";
readonly "--card-gap-footer-lg": "24px";
readonly "--card-gap-footer-md": "16px";
readonly "--card-gap-footer-sm": "12px";
readonly "--card-gap-title": "8px";
readonly "--card-header-color-icon-default": "#000000";
readonly "--card-header-color-text-default": "#000000";
readonly "--card-padding-block-lg": "32px";
readonly "--card-padding-block-md": "24px";
readonly "--card-padding-block-sm": "16px";
readonly "--card-padding-inline-lg": "32px";
readonly "--card-padding-inline-md": "24px";
readonly "--card-padding-inline-sm": "16px";
readonly "--card-size-icon-lg": "24px";
readonly "--checkbox-border-radius": "4px";
readonly "--checkbox-border-width-default": "1px";
readonly "--checkbox-border-width-focused": "2px";
readonly "--checkbox-color-background-checked-default": "#ffcd00";
readonly "--checkbox-color-background-checked-hover": "#ffe166";
readonly "--checkbox-color-background-default": "#eae4de";
readonly "--checkbox-color-background-unchecked-default": "#ffffff";
readonly "--checkbox-color-border-disabled": "#d2cbc3";
readonly "--checkbox-color-border-error": "#e1003a";
readonly "--checkbox-color-border-focused": "#ffe166";
readonly "--checkbox-color-border-unchecked-default": "#dedede";
readonly "--checkbox-color-border-unchecked-hover": "#bdbdbd";
readonly "--checkbox-color-icon-default": "#000000";
readonly "--checkbox-color-icon-disabled": "#a7a096";
readonly "--checkbox-size-container": "16px";
readonly "--checkbox-size-icon": "16px";
readonly "--color-background-accent-blue-minimal": "#e0f5ff";
readonly "--color-background-accent-blue-primary": "#55c3e9";
readonly "--color-background-accent-blue-secondary": "#9bdef7";
readonly "--color-background-accent-blue-strong": "#27a5d0";
readonly "--color-background-accent-blue-stronger": "#057aa3";
readonly "--color-background-accent-blue-strongest": "#025a79";
readonly "--color-background-accent-blue-subtle": "#bbeaff";
readonly "--color-background-accent-green-minimal": "#e7fbd3";
readonly "--color-background-accent-green-primary": "#bade94";
readonly "--color-background-accent-green-secondary": "#cfebb0";
readonly "--color-background-accent-green-strong": "#9fc873";
readonly "--color-background-accent-green-stronger": "#83ad57";
readonly "--color-background-accent-green-strongest": "#5a8034";
readonly "--color-background-accent-orange-minimal": "#ffded0";
readonly "--color-background-accent-orange-primary": "#ff9868";
readonly "--color-background-accent-orange-secondary": "#ffb595";
readonly "--color-background-accent-orange-strong": "#e67b49";
readonly "--color-background-accent-orange-stronger": "#c45927";
readonly "--color-background-accent-orange-strongest": "#9f4217";
readonly "--color-background-accent-orange-subtle": "#ffc9b2";
readonly "--color-background-accent-pink-minimal": "#ffeaf5";
readonly "--color-background-accent-pink-primary": "#f696c8";
readonly "--color-background-accent-pink-secondary": "#feb7dc";
readonly "--color-background-accent-pink-strong": "#d17ba8";
readonly "--color-background-accent-pink-stronger": "#b06089";
readonly "--color-background-accent-pink-strongest": "#803c5f";
readonly "--color-background-accent-pink-subtle": "#ffd5eb";
readonly "--color-background-accent-teal-minimal": "#dbfaf6";
readonly "--color-background-accent-teal-primary": "#00c7ae";
readonly "--color-background-accent-teal-secondary": "#6fdbcd";
readonly "--color-background-accent-teal-strong": "#06a894";
readonly "--color-background-accent-teal-stronger": "#0a7b6d";
readonly "--color-background-accent-teal-strongest": "#00544a";
readonly "--color-background-accent-teal-subtle": "#a5ece4";
readonly "--color-background-accent-violet-minimal": "#efefff";
readonly "--color-background-accent-violet-primary": "#acacff";
readonly "--color-background-accent-violet-secondary": "#c9c9ff";
readonly "--color-background-accent-violet-strong": "#9587e8";
readonly "--color-background-accent-violet-stronger": "#8068c6";
readonly "--color-background-accent-violet-strongest": "#5a4890";
readonly "--color-background-accent-violet-subtle": "#e0e0ff";
readonly "--color-background-brand-minimal": "#fff8d9";
readonly "--color-background-brand-primary": "#ffcd00";
readonly "--color-background-brand-secondary": "#ffe166";
readonly "--color-background-brand-strong": "#e5b800";
readonly "--color-background-brand-stronger": "#b69200";
readonly "--color-background-brand-subtle": "#fff1b2";
readonly "--color-background-danger-minimal": "#fbdedc";
readonly "--color-background-danger-primary": "#ff9490";
readonly "--color-background-danger-secondary": "#fdb3ae";
readonly "--color-background-danger-strong": "#ff6165";
readonly "--color-background-danger-stronger": "#e1003a";
readonly "--color-background-danger-strongest": "#a80029";
readonly "--color-background-danger-subtle": "#fcc7c3";
readonly "--color-background-information-minimal": "#e0f5ff";
readonly "--color-background-information-primary": "#55c3e9";
readonly "--color-background-information-secondary": "#9bdef7";
readonly "--color-background-information-strong": "#27a5d0";
readonly "--color-background-information-stronger": "#057aa3";
readonly "--color-background-information-subtle": "#bbeaff";
readonly "--color-background-neutral-inverse": "#ffffff";
readonly "--color-background-neutral-inverse-fixed": "#ffffff";
readonly "--color-background-neutral-minimal": "#f3f3f3";
readonly "--color-background-neutral-primary": "#000000";
readonly "--color-background-neutral-primary-fixed": "#000000";
readonly "--color-background-neutral-secondary": "#212121";
readonly "--color-background-neutral-subtle": "#bdbdbd";
readonly "--color-background-neutral-subtlest": "#dedede";
readonly "--color-background-neutral-tertiary": "#444444";
readonly "--color-background-success-minimal": "#e7fbd3";
readonly "--color-background-success-primary": "#bade94";
readonly "--color-background-success-secondary": "#cfebb0";
readonly "--color-background-success-strong": "#9fc873";
readonly "--color-background-success-stronger": "#83ad57";
readonly "--color-background-success-strongest": "#5a8034";
readonly "--color-background-transparent-black-minimal": "rgba(0, 0, 0, 0.05)";
readonly "--color-background-transparent-black-none": "rgba(0, 0, 0, 0)";
readonly "--color-background-transparent-black-subtle": "rgba(0, 0, 0, 0.26)";
readonly "--color-background-transparent-black-subtlest": "rgba(0, 0, 0, 0.13)";
readonly "--color-background-transparent-white-minimal": "rgba(255, 255, 255, 0.05)";
readonly "--color-background-transparent-white-none": "rgba(255, 255, 255, 0)";
readonly "--color-background-transparent-white-subtle": "rgba(255, 255, 255, 0.26)";
readonly "--color-background-transparent-white-subtlest": "rgba(255, 255, 255, 0.13)";
readonly "--color-background-warm-minimal": "#fbf9f7";
readonly "--color-background-warm-primary": "#f6f3ef";
readonly "--color-background-warm-strong": "#eae4de";
readonly "--color-background-warm-stronger": "#d2cbc3";
readonly "--color-background-warning-minimal": "#ffebce";
readonly "--color-background-warning-primary": "#ff9f14";
readonly "--color-background-warning-secondary": "#ffbb59";
readonly "--color-background-warning-strong": "#db860a";
readonly "--color-background-warning-stronger": "#a6670a";
readonly "--color-background-warning-subtle": "#ffd495";
readonly "--color-beige-10": "#fbf9f7";
readonly "--color-beige-20": "#f6f3ef";
readonly "--color-beige-30": "#eae4de";
readonly "--color-beige-40": "#d2cbc3";
readonly "--color-beige-50": "#a7a096";
readonly "--color-beige-60": "#605b55";
readonly "--color-beige-70": "#4d4944";
readonly "--color-beige-80": "#33302d";
readonly "--color-beige-90": "#1e1c1a";
readonly "--color-blue-10": "#e0f5ff";
readonly "--color-blue-20": "#bbeaff";
readonly "--color-blue-30": "#9bdef7";
readonly "--color-blue-40": "#55c3e9";
readonly "--color-blue-50": "#27a5d0";
readonly "--color-blue-60": "#057aa3";
readonly "--color-blue-70": "#025a79";
readonly "--color-blue-80": "#013c50";
readonly "--color-blue-90": "#00202b";
readonly "--color-border-brand-minimal": "#fff8d9";
readonly "--color-border-brand-primary": "#ffcd00";
readonly "--color-border-brand-secondary": "#ffe166";
readonly "--color-border-brand-strong": "#e5b800";
readonly "--color-border-brand-stronger": "#b69200";
readonly "--color-border-brand-subtle": "#fff1b2";
readonly "--color-border-danger-minimal": "#fbdedc";
readonly "--color-border-danger-primary": "#ff9490";
readonly "--color-border-danger-secondary": "#fdb3ae";
readonly "--color-border-danger-strong": "#ff6165";
readonly "--color-border-danger-stronger": "#e1003a";
readonly "--color-border-danger-strongest": "#a80029";
readonly "--color-border-danger-subtle": "#fcc7c3";
readonly "--color-border-information-minimal": "#e0f5ff";
readonly "--color-border-information-primary": "#55c3e9";
readonly "--color-border-information-secondary": "#9bdef7";
readonly "--color-border-information-strong": "#27a5d0";
readonly "--color-border-information-stronger": "#057aa3";
readonly "--color-border-information-strongest": "#025a79";
readonly "--color-border-information-subtle": "#bbeaff";
readonly "--color-border-neutral-inverse": "#ffffff";
readonly "--color-border-neutral-inverse-fixed": "#ffffff";
readonly "--color-border-neutral-minimal": "#f3f3f3";
readonly "--color-border-neutral-primary": "#000000";
readonly "--color-border-neutral-primary-fixed": "#000000";
readonly "--color-border-neutral-secondary": "#212121";
readonly "--color-border-neutral-subtle": "#bdbdbd";
readonly "--color-border-neutral-subtlest": "#dedede";
readonly "--color-border-neutral-tertiary": "#444444";
readonly "--color-border-neutral-transparent-minimal": "rgba(0, 0, 0, 0.03)";
readonly "--color-border-success-minimal": "#e7fbd3";
readonly "--color-border-success-primary": "#bade94";
readonly "--color-border-success-secondary": "#cfebb0";
readonly "--color-border-success-strong": "#9fc873";
readonly "--color-border-success-stronger": "#83ad57";
readonly "--color-border-success-strongest": "#5a8034";
readonly "--color-border-transparent-black-minimal": "rgba(0, 0, 0, 0.03)";
readonly "--color-border-transparent-black-none": "rgba(0, 0, 0, 0)";
readonly "--color-border-transparent-black-subtle": "rgba(0, 0, 0, 0.26)";
readonly "--color-border-transparent-black-subtlest": "rgba(0, 0, 0, 0.13)";
readonly "--color-border-transparent-white-minimal": "rgba(255, 255, 255, 0.05)";
readonly "--color-border-transparent-white-none": "rgba(255, 255, 255, 0)";
readonly "--color-border-transparent-white-subtle": "rgba(255, 255, 255, 0.26)";
readonly "--color-border-transparent-white-subtlest": "rgba(255, 255, 255, 0.13)";
readonly "--color-border-warm-minimal": "#f6f3ef";
readonly "--color-border-warm-primary": "#605b55";
readonly "--color-border-warm-secondary": "#a7a096";
readonly "--color-border-warm-strong": "#4d4944";
readonly "--color-border-warm-stronger": "#33302d";
readonly "--color-border-warm-subtle": "#eae4de";
readonly "--color-border-warm-tertiary": "#d2cbc3";
readonly "--color-border-warning-minimal": "#ffebce";
readonly "--color-border-warning-primary": "#ff9f14";
readonly "--color-border-warning-secondary": "#ffbb59";
readonly "--color-border-warning-strong": "#db860a";
readonly "--color-border-warning-stronger": "#a6670a";
readonly "--color-border-warning-strongest": "#824f06";
readonly "--color-border-warning-subtle": "#ffd495";
readonly "--color-green-10": "#e7fbd3";
readonly "--color-green-20": "#cfebb0";
readonly "--color-green-30": "#bade94";
readonly "--color-green-40": "#9fc873";
readonly "--color-green-50": "#83ad57";
readonly "--color-green-60": "#5a8034";
readonly "--color-green-70": "#40611f";
readonly "--color-green-80": "#2a4210";
readonly "--color-green-90": "#142603";
readonly "--color-icon-accent-blue-minimal": "#55c3e9";
readonly "--color-icon-accent-blue-primary": "#00202b";
readonly "--color-icon-accent-blue-secondary": "#013c50";
readonly "--color-icon-accent-blue-subtle": "#057aa3";
readonly "--color-icon-accent-blue-subtlest": "#27a5d0";
readonly "--color-icon-accent-blue-tertiary": "#025a79";
readonly "--color-icon-accent-green-minimal": "#bade94";
readonly "--color-icon-accent-green-primary": "#142603";
readonly "--color-icon-accent-green-secondary": "#2a4210";
readonly "--color-icon-accent-green-subtle": "#5a8034";
readonly "--color-icon-accent-green-subtlest": "#83ad57";
readonly "--color-icon-accent-green-tertiary": "#40611f";
readonly "--color-icon-accent-orange-minimal": "#ff9868";
readonly "--color-icon-accent-orange-primary": "#451701";
readonly "--color-icon-accent-orange-secondary": "#6d2605";
readonly "--color-icon-accent-orange-subtle": "#c45927";
readonly "--color-icon-accent-orange-subtlest": "#e67b49";
readonly "--color-icon-accent-orange-tertiary": "#9f4217";
readonly "--color-icon-accent-pink-minimal": "#f696c8";
readonly "--color-icon-accent-pink-primary": "#3b142a";
readonly "--color-icon-accent-pink-secondary": "#5c2944";
readonly "--color-icon-accent-pink-subtle": "#b06089";
readonly "--color-icon-accent-pink-subtlest": "#d17ba8";
readonly "--color-icon-accent-pink-tertiary": "#803c5f";
readonly "--color-icon-accent-teal-minimal": "#00c7ae";
readonly "--color-icon-accent-teal-primary": "#001b18";
readonly "--color-icon-accent-teal-secondary": "#053731";
readonly "--color-icon-accent-teal-subtle": "#0a7b6d";
readonly "--color-icon-accent-teal-subtlest": "#06a894";
readonly "--color-icon-accent-teal-tertiary": "#00544a";
readonly "--color-icon-accent-violet-minimal": "#acacff";
readonly "--color-icon-accent-violet-primary": "#26194d";
readonly "--color-icon-accent-violet-secondary": "#3c2e63";
readonly "--color-icon-accent-violet-subtle": "#8068c6";
readonly "--color-icon-accent-violet-subtlest": "#9587e8";
readonly "--color-icon-accent-violet-tertiary": "#5a4890";
readonly "--color-icon-brand-minimal": "#ffcd00";
readonly "--color-icon-brand-primary": "#423500";
readonly "--color-icon-brand-secondary": "#604d00";
readonly "--color-icon-brand-subtle": "#b69200";
readonly "--color-icon-brand-subtlest": "#e5b800";
readonly "--color-icon-brand-tertiary": "#846a01";
readonly "--color-icon-danger-minimal": "#ff9490";
readonly "--color-icon-danger-primary": "#450101";
readonly "--color-icon-danger-secondary": "#75001a";
readonly "--color-icon-danger-subtle": "#e1003a";
readonly "--color-icon-danger-subtlest": "#ff6165";
readonly "--color-icon-danger-tertiary": "#a80029";
readonly "--color-icon-information-minimal": "#55c3e9";
readonly "--color-icon-information-primary": "#00202b";
readonly "--color-icon-information-secondary": "#013c50";
readonly "--color-icon-information-subtle": "#057aa3";
readonly "--color-icon-information-subtlest": "#27a5d0";
readonly "--color-icon-information-tertiary": "#025a79";
readonly "--color-icon-neutral-inverse": "#ffffff";
readonly "--color-icon-neutral-inverse-fixed": "#ffffff";
readonly "--color-icon-neutral-minimal": "#bdbdbd";
readonly "--color-icon-neutral-primary": "#000000";
readonly "--color-icon-neutral-primary-fixed": "#000000";
readonly "--color-icon-neutral-secondary": "#212121";
readonly "--color-icon-neutral-subtle": "#585858";
readonly "--color-icon-neutral-subtlest": "#989898";
readonly "--color-icon-neutral-tertiary": "#444444";
readonly "--color-icon-success-minimal": "#bade94";
readonly "--color-icon-success-primary": "#142603";
readonly "--color-icon-success-secondary": "#2a4210";
readonly "--color-icon-success-subtle": "#5a8034";
readonly "--color-icon-success-subtlest": "#83ad57";
readonly "--color-icon-success-tertiary": "#40611f";
readonly "--color-icon-warm-minimal": "#a7a096";
readonly "--color-icon-warm-primary": "#1e1c1a";
readonly "--color-icon-warm-secondary": "#33302d";
readonly "--color-icon-warm-subtle": "#605b55";
readonly "--color-icon-warm-tertiary": "#4d4944";
readonly "--color-icon-warning-minimal": "#ff9f14";
readonly "--color-icon-warning-primary": "#382303";
readonly "--color-icon-warning-secondary": "#573607";
readonly "--color-icon-warning-subtle": "#a6670a";
readonly "--color-icon-warning-subtlest": "#db860a";
readonly "--color-icon-warning-tertiary": "#824f06";
readonly "--color-logo-background-primary": "#ffcd00";
readonly "--color-logo-mark-primary": "#000000";
readonly "--color-logo-mark-primary-fixed": "#000000";
readonly "--color-neutral-10": "#ffffff";
readonly "--color-neutral-20": "#f3f3f3";
readonly "--color-neutral-30": "#dedede";
readonly "--color-neutral-40": "#bdbdbd";
readonly "--color-neutral-50": "#989898";
readonly "--color-neutral-60": "#585858";
readonly "--color-neutral-70": "#444444";
readonly "--color-neutral-80": "#212121";
readonly "--color-neutral-90": "#000000";
readonly "--color-orange-10": "#ffebce";
readonly "--color-orange-20": "#ffd495";
readonly "--color-orange-30": "#ffbb59";
readonly "--color-orange-40": "#ff9f14";
readonly "--color-orange-50": "#db860a";
readonly "--color-orange-60": "#a6670a";
readonly "--color-orange-70": "#824f06";
readonly "--color-orange-80": "#573607";
readonly "--color-orange-90": "#382303";
readonly "--color-overlay-default": "rgba(0, 0, 0, 0.7)";
readonly "--color-overlay-strong": "rgba(0, 0, 0, 0.5)";
readonly "--color-pink-10": "#ffeaf5";
readonly "--color-pink-20": "#ffd5eb";
readonly "--color-pink-30": "#feb7dc";
readonly "--color-pink-40": "#f696c8";
readonly "--color-pink-50": "#d17ba8";
readonly "--color-pink-60": "#b06089";
readonly "--color-pink-70": "#803c5f";
readonly "--color-pink-80": "#5c2944";
readonly "--color-pink-90": "#3b142a";
readonly "--color-red-10": "#fbdedc";
readonly "--color-red-20": "#fcc7c3";
readonly "--color-red-30": "#fdb3ae";
readonly "--color-red-40": "#ff9490";
readonly "--color-red-50": "#ff6165";
readonly "--color-red-60": "#e1003a";
readonly "--color-red-70": "#a80029";
readonly "--color-red-80": "#75001a";
readonly "--color-red-90": "#450101";
readonly "--color-red-orange-10": "#ffded0";
readonly "--color-red-orange-20": "#ffc9b2";
readonly "--color-red-orange-30": "#ffb595";
readonly "--color-red-orange-40": "#ff9868";
readonly "--color-red-orange-50": "#e67b49";
readonly "--color-red-orange-60": "#c45927";
readonly "--color-red-orange-70": "#9f4217";
readonly "--color-red-orange-80": "#6d2605";
readonly "--color-red-orange-90": "#451701";
readonly "--color-teal-10": "#dbfaf6";
readonly "--color-teal-20": "#a5ece4";
readonly "--color-teal-30": "#6fdbcd";
readonly "--color-teal-40": "#00c7ae";
readonly "--color-teal-50": "#06a894";
readonly "--color-teal-60": "#0a7b6d";
readonly "--color-teal-70": "#00544a";
readonly "--color-teal-80": "#053731";
readonly "--color-teal-90": "#001b18";
readonly "--color-text-accent-blue-minimal": "#27a5d0";
readonly "--color-text-accent-blue-primary": "#00202b";
readonly "--color-text-accent-blue-secondary": "#013c50";
readonly "--color-text-accent-blue-subtle": "#057aa3";
readonly "--color-text-accent-blue-tertiary": "#025a79";
readonly "--color-text-accent-green-minimal": "#83ad57";
readonly "--color-text-accent-green-primary": "#142603";
readonly "--color-text-accent-green-secondary": "#2a4210";
readonly "--color-text-accent-green-subtle": "#5a8034";
readonly "--color-text-accent-green-tertiary": "#40611f";
readonly "--color-text-accent-orange-minimal": "#e67b49";
readonly "--color-text-accent-orange-primary": "#451701";
readonly "--color-text-accent-orange-secondary": "#6d2605";
readonly "--color-text-accent-orange-subtle": "#c45927";
readonly "--color-text-accent-orange-tertiary": "#9f4217";
readonly "--color-text-accent-pink-minimal": "#d17ba8";
readonly "--color-text-accent-pink-primary": "#3b142a";
readonly "--color-text-accent-pink-secondary": "#5c2944";
readonly "--color-text-accent-pink-subtle": "#b06089";
readonly "--color-text-accent-pink-tertiary": "#803c5f";
readonly "--color-text-accent-teal-minimal": "#06a894";
readonly "--color-text-accent-teal-primary": "#001b18";
readonly "--color-text-accent-teal-secondary": "#053731";
readonly "--color-text-accent-teal-subtle": "#0a7b6d";
readonly "--color-text-accent-teal-tertiary": "#00544a";
readonly "--color-text-accent-violet-minimal": "#9587e8";
readonly "--color-text-accent-violet-primary": "#26194d";
readonly "--color-text-accent-violet-secondary": "#3c2e63";
readonly "--color-text-accent-violet-subtle": "#8068c6";
readonly "--color-text-accent-violet-tertiary": "#5a4890";
readonly "--color-text-brand-minimal": "#e5b800";
readonly "--color-text-brand-primary": "#423500";
readonly "--color-text-brand-secondary": "#604d00";
readonly "--color-text-brand-subtle": "#b69200";
readonly "--color-text-brand-tertiary": "#846a01";
readonly "--color-text-danger-minimal": "#ff6165";
readonly "--color-text-danger-primary": "#450101";
readonly "--color-text-danger-secondary": "#75001a";
readonly "--color-text-danger-subtle": "#e1003a";
readonly "--color-text-danger-tertiary": "#a80029";
readonly "--color-text-information-minimal": "#27a5d0";
readonly "--color-text-information-primary": "#00202b";
readonly "--color-text-information-secondary": "#013c50";
readonly "--color-text-information-subtle": "#057aa3";
readonly "--color-text-information-tertiary": "#025a79";
readonly "--color-text-neutral-inverse": "#ffffff";
readonly "--color-text-neutral-inverse-fixed": "#ffffff";
readonly "--color-text-neutral-minimal": "#bdbdbd";
readonly "--color-text-neutral-primary": "#000000";
readonly "--color-text-neutral-primary-fixed": "#000000";
readonly "--color-text-neutral-secondary": "#212121";
readonly "--color-text-neutral-subtle": "#585858";
readonly "--color-text-neutral-subtlest": "#989898";
readonly "--color-text-neutral-tertiary": "#444444";
readonly "--color-text-success-minimal": "#83ad57";
readonly "--color-text-success-primary": "#142603";
readonly "--color-text-success-secondary": "#2a4210";
readonly "--color-text-success-subtle": "#5a8034";
readonly "--color-text-success-tertiary": "#40611f";
readonly "--color-text-warm-minimal": "#a7a096";
readonly "--color-text-warm-primary": "#1e1c1a";
readonly "--color-text-warm-secondary": "#33302d";
readonly "--color-text-warm-subtle": "#605b55";
readonly "--color-text-warm-tertiary": "#4d4944";
readonly "--color-text-warning-minimal": "#db860a";
readonly "--color-text-warning-primary": "#382303";
readonly "--color-text-warning-secondary": "#573607";
readonly "--color-text-warning-subtle": "#a6670a";
readonly "--color-text-warning-tertiary": "#824f06";
readonly "--color-transparent-10": "rgba(0, 0, 0, 0.03)";
readonly "--color-violet-10": "#efefff";
readonly "--color-violet-20": "#e0e0ff";
readonly "--color-violet-30": "#c9c9ff";
readonly "--color-violet-40": "#acacff";
readonly "--color-violet-50": "#9587e8";
readonly "--color-violet-60": "#8068c6";
readonly "--color-violet-70": "#5a4890";
readonly "--color-violet-80": "#3c2e63";
readonly "--color-violet-90": "#26194d";
readonly "--color-yellow-10": "#fff8d9";
readonly "--color-yellow-20": "#fff1b2";
readonly "--color-yellow-30": "#ffe166";
readonly "--color-yellow-40": "#ffcd00";
readonly "--color-yellow-50": "#e5b800";
readonly "--color-yellow-60": "#b69200";
readonly "--color-yellow-70": "#846a01";
readonly "--color-yellow-80": "#604d00";
readonly "--color-yellow-90": "#423500";
readonly "--drawer-body-color-background-default": "#ffffff";
readonly "--drawer-body-padding-block": "32px";
readonly "--drawer-body-padding-inline": "32px";
readonly "--drawer-border-radius": "8px";
readonly "--drawer-border-width": "1px";
readonly "--drawer-color-border-default": "#f6f3ef";
readonly "--drawer-color-border-hover": "#eae4de";
readonly "--drawer-color-icon-default": "#000000";
readonly "--drawer-color-text-description": "#212121";
readonly "--drawer-color-text-title": "#000000";
readonly "--drawer-size-width-lg": "900px";
readonly "--drawer-size-width-md": "708px";
readonly "--drawer-size-width-sm": "516px";
readonly "--dropdown-menu-border-radius": "8px";
readonly "--dropdown-menu-border-width": "1px";
readonly "--dropdown-menu-color-background-default": "#ffffff";
readonly "--dropdown-menu-color-border-default": "#f6f3ef";
readonly "--dropdown-menu-color-border-hover": "#eae4de";
readonly "--dropdown-menu-divider-padding-block-lg": "8px";
readonly "--dropdown-menu-divider-padding-block-md": "4px";
readonly "--dropdown-menu-gap-content": "8px";
readonly "--dropdown-menu-item-border-radius": "8px";
readonly "--dropdown-menu-item-color-background-default": "#ffffff";
readonly "--dropdown-menu-item-color-background-disabled": "#fbf9f7";
readonly "--dropdown-menu-item-color-background-hover": "#fff8d9";
readonly "--dropdown-menu-item-color-icon-default": "#000000";
readonly "--dropdown-menu-item-color-icon-disabled": "#605b55";
readonly "--dropdown-menu-item-color-icon-hover": "#423500";
readonly "--dropdown-menu-item-color-text-content-default": "#000000";
readonly "--dropdown-menu-item-color-text-content-disabled": "#605b55";
readonly "--dropdown-menu-item-color-text-content-hover": "#423500";
readonly "--dropdown-menu-item-color-text-description-default": "#444444";
readonly "--dropdown-menu-item-color-text-description-disabled": "#605b55";
readonly "--dropdown-menu-item-color-text-description-hover": "#604d00";
readonly "--dropdown-menu-item-gap-content": "8px";
readonly "--dropdown-menu-item-padding-block-lg": "12px";
readonly "--dropdown-menu-item-padding-block-md": "8px";
readonly "--dropdown-menu-item-padding-inline-lg": "16px";
readonly "--dropdown-menu-item-padding-inline-md": "12px";
readonly "--dropdown-menu-padding-block-lg": "8px";
readonly "--dropdown-menu-padding-block-md": "8px";
readonly "--dropdown-menu-padding-inline-lg": "8px";
readonly "--dropdown-menu-padding-inline-md": "8px";
readonly "--dropdown-menu-size-icon": "16px";
readonly "--elevation-10": "0 1px 2px 0 rgba(0, 0, 0, 0.04)";
readonly "--elevation-20": "0 4px 6px 0 rgba(0, 0, 0, 0.04)";
readonly "--elevation-30": "0 4px 6px 0 rgba(0, 0, 0, 0.08)";
readonly "--elevation-40": "0 6px 8px 0 rgba(0, 0, 0, 0.12)";
readonly "--elevation-50": "0 12px 16px 0 rgba(0, 0, 0, 0.12)";
readonly "--elevation-60": "0 12px 32px 0 rgba(0, 0, 0, 0.16)";
readonly "--field-gap-assistive": "4px";
readonly "--field-gap-label": "8px";
readonly "--file-drop-border-radius": "8px";
readonly "--file-drop-border-width-default": "1px";
readonly "--file-drop-gap-content": "16px";
readonly "--file-drop-padding-block": "32px";
readonly "--file-drop-padding-inline": "32px";
readonly "--floating-action-bar-border-radius": "8px";
readonly "--floating-action-bar-border-width": "1px";
readonly "--floating-action-bar-color-background": "#ffffff";
readonly "--floating-action-bar-color-border": "#f3f3f3";
readonly "--floating-action-bar-gap-actions": "8px";
readonly "--floating-action-bar-gap-items": "12px";
readonly "--floating-action-bar-gap-pagination": "12px";
readonly "--floating-action-bar-padding-block": "12px";
readonly "--floating-action-bar-padding-inline": "16px";
readonly "--floating-action-bar-size-max-height": "57px";
readonly "--font-family-body": "'Work Sans', sans-serif";
readonly "--font-family-title": "'welcome-font', sans-serif";
readonly "--font-letter-spacing-none": "0";
readonly "--font-letter-spacing-xs": "-2%";
readonly "--font-line-height-lg": "150%";
readonly "--font-line-height-md": "140%";
readonly "--font-line-height-sm": "130%";
readonly "--font-line-height-xs": "120%";
readonly "--font-size-12": "0.75rem";
readonly "--text-12": "0.75rem";
readonly "--font-size-128": "8rem";
readonly "--text-128": "8rem";
readonly "--font-size-14": "0.875rem";
readonly "--text-14": "0.875rem";
readonly "--font-size-16": "1rem";
readonly "--text-16": "1rem";
readonly "--font-size-18": "1.125rem";
readonly "--text-18": "1.125rem";
readonly "--font-size-20": "1.25rem";
readonly "--text-20": "1.25rem";
readonly "--font-size-24": "1.5rem";
readonly "--text-24": "1.5rem";
readonly "--font-size-2xl": "1.5rem";
readonly "--font-size-xxl": "1.5rem";
readonly "--text-2xl": "1.5rem";
readonly "--font-size-32": "2rem";
readonly "-