/** * TailwindCSS color configuration * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY * * This file is auto-generated by convert-tokens.cjs script * Generation time: 2025-04-21T06:10:00.797Z * * To modify these colors, edit the source JSON files and run the token conversion script: * node scripts/system-token/convert-tokens.cjs * * These colors reference CSS variables, ensure the corresponding CSS files are loaded */ module.exports = { "text": { "primary": "var(--text-primary)", "secondary": "var(--text-secondary)", "tertiary": "var(--text-tertiary)", "quaternary": "var(--text-quaternary)", "on-fill": "var(--text-on-fill)", "action": "var(--text-action)", "action-hover": "var(--text-action-hover)", "info": "var(--text-info)", "info-hover": "var(--text-info-hover)", "success": "var(--text-success)", "success-hover": "var(--text-success-hover)", "warning": "var(--text-warning)", "warning-hover": "var(--text-warning-hover)", "error": "var(--text-error)", "error-hover": "var(--text-error-hover)", "featured": "var(--text-featured)", "featured-hover": "var(--text-featured-hover)" }, "icon": { "primary": "var(--icon-primary)", "secondary": "var(--icon-secondary)", "tertiary": "var(--icon-tertiary)", "quaternary": "var(--icon-quaternary)", "info-thick": "var(--icon-info-thick)", "info-thick-hover": "var(--icon-info-thick-hover)", "success-thick": "var(--icon-success-thick)", "success-thick-hover": "var(--icon-success-thick-hover)", "warning-thick": "var(--icon-warning-thick)", "warning-thick-hover": "var(--icon-warning-thick-hover)", "error-thick": "var(--icon-error-thick)", "error-thick-hover": "var(--icon-error-thick-hover)", "featured-thick": "var(--icon-featured-thick)", "featured-thick-hover": "var(--icon-featured-thick-hover)", "on-fill": "var(--icon-on-fill)" }, "border": { "primary": "var(--border-primary)", "primary-hover": "var(--border-primary-hover)", "secondary": "var(--border-secondary)", "secondary-hover": "var(--border-secondary-hover)", "tertiary": "var(--border-tertiary)", "tertiary-hover": "var(--border-tertiary-hover)", "theme-thick": "var(--border-theme-thick)", "theme-thick-hover": "var(--border-theme-thick-hover)", "info-thick": "var(--border-info-thick)", "info-thick-hover": "var(--border-info-thick-hover)", "success-thick": "var(--border-success-thick)", "success-thick-hover": "var(--border-success-thick-hover)", "warning-thick": "var(--border-warning-thick)", "warning-thick-hover": "var(--border-warning-thick-hover)", "error-thick": "var(--border-error-thick)", "error-thick-hover": "var(--border-error-thick-hover)", "featured-thick": "var(--border-featured-thick)", "featured-thick-hover": "var(--border-featured-thick-hover)", "radius-border-radius-0": "var(--border-radius-border-radius-0)", "radius-border-radius-xs": "var(--border-radius-border-radius-xs)", "radius-border-radius-s": "var(--border-radius-border-radius-s)", "radius-border-radius-m": "var(--border-radius-border-radius-m)", "radius-border-radius-l": "var(--border-radius-border-radius-l)", "radius-border-radius-xl": "var(--border-radius-border-radius-xl)", "radius-border-radius-xxl": "var(--border-radius-border-radius-xxl)", "radius-border-radius-full": "var(--border-radius-border-radius-full)" }, "fill": { "primary": "var(--fill-primary)", "primary-hover": "var(--fill-primary-hover)", "secondary": "var(--fill-secondary)", "secondary-hover": "var(--fill-secondary-hover)", "tertiary": "var(--fill-tertiary)", "tertiary-hover": "var(--fill-tertiary-hover)", "quaternary": "var(--fill-quaternary)", "quaternary-hover": "var(--fill-quaternary-hover)", "content": "var(--fill-content)", "content-hover": "var(--fill-content-hover)", "content-visible": "var(--fill-content-visible)", "content-visible-hover": "var(--fill-content-visible-hover)", "theme-thick": "var(--fill-theme-thick)", "theme-thick-hover": "var(--fill-theme-thick-hover)", "theme-select": "var(--fill-theme-select)", "info-light": "var(--fill-info-light)", "info-light-hover": "var(--fill-info-light-hover)", "info-thick": "var(--fill-info-thick)", "info-thick-hover": "var(--fill-info-thick-hover)", "success-light": "var(--fill-success-light)", "success-light-hover": "var(--fill-success-light-hover)", "warning-light": "var(--fill-warning-light)", "warning-light-hover": "var(--fill-warning-light-hover)", "error-light": "var(--fill-error-light)", "error-light-hover": "var(--fill-error-light-hover)", "error-thick": "var(--fill-error-thick)", "error-thick-hover": "var(--fill-error-thick-hover)", "error-select": "var(--fill-error-select)", "featured-light": "var(--fill-featured-light)", "featured-light-hover": "var(--fill-featured-light-hover)", "featured-thick": "var(--fill-featured-thick)", "featured-thick-hover": "var(--fill-featured-thick-hover)" }, "surface": { "primary": "var(--surface-primary)", "primary-hover": "var(--surface-primary-hover)", "secondary": "var(--surface-secondary)", "overlay": "var(--surface-overlay)" }, "background": { "primary": "var(--background-primary)", "secondary": "var(--background-secondary)", "tertiary": "var(--background-tertiary)", "quaternary": "var(--background-quaternary)" }, "badge": { "color-1-1-1-light": "var(--badge-color-1-1-1-light)", "color-1-1-2-light": "var(--badge-color-1-1-2-light)", "color-1-1-3-light": "var(--badge-color-1-1-3-light)", "color-1-1-1-thick": "var(--badge-color-1-1-1-thick)", "color-1-1-2-thick": "var(--badge-color-1-1-2-thick)", "color-1-1-3-thick": "var(--badge-color-1-1-3-thick)", "color-2-2-1-light": "var(--badge-color-2-2-1-light)", "color-2-2-2-light": "var(--badge-color-2-2-2-light)", "color-2-2-3-light": "var(--badge-color-2-2-3-light)", "color-2-2-1-thick": "var(--badge-color-2-2-1-thick)", "color-2-2-2-thick": "var(--badge-color-2-2-2-thick)", "color-2-2-3-thick": "var(--badge-color-2-2-3-thick)", "color-3-3-1-light": "var(--badge-color-3-3-1-light)", "color-3-3-2-light": "var(--badge-color-3-3-2-light)", "color-3-3-3-light": "var(--badge-color-3-3-3-light)", "color-3-3-1-thick": "var(--badge-color-3-3-1-thick)", "color-3-3-2-thick": "var(--badge-color-3-3-2-thick)", "color-3-3-3-thick": "var(--badge-color-3-3-3-thick)", "color-4-4-1-light": "var(--badge-color-4-4-1-light)", "color-4-4-2-light": "var(--badge-color-4-4-2-light)", "color-4-4-3-light": "var(--badge-color-4-4-3-light)", "color-4-4-1-thick": "var(--badge-color-4-4-1-thick)", "color-4-4-2-thick": "var(--badge-color-4-4-2-thick)", "color-4-4-3-thick": "var(--badge-color-4-4-3-thick)", "color-5-5-1-light": "var(--badge-color-5-5-1-light)", "color-5-5-2-light": "var(--badge-color-5-5-2-light)", "color-5-5-3-light": "var(--badge-color-5-5-3-light)", "color-5-5-1-thick": "var(--badge-color-5-5-1-thick)", "color-5-5-2-thick": "var(--badge-color-5-5-2-thick)", "color-5-5-3-thick": "var(--badge-color-5-5-3-thick)", "color-6-6-1-light": "var(--badge-color-6-6-1-light)", "color-6-6-2-light": "var(--badge-color-6-6-2-light)", "color-6-6-3-light": "var(--badge-color-6-6-3-light)", "color-6-6-1-thick": "var(--badge-color-6-6-1-thick)", "color-6-6-2-thick": "var(--badge-color-6-6-2-thick)", "color-6-6-3-thick": "var(--badge-color-6-6-3-thick)", "color-7-7-1-light": "var(--badge-color-7-7-1-light)", "color-7-7-2-light": "var(--badge-color-7-7-2-light)", "color-7-7-3-light": "var(--badge-color-7-7-3-light)", "color-7-7-1-thick": "var(--badge-color-7-7-1-thick)", "color-7-7-2-thick": "var(--badge-color-7-7-2-thick)", "color-7-7-3-thick": "var(--badge-color-7-7-3-thick)", "color-8-8-1-light": "var(--badge-color-8-8-1-light)", "color-8-8-2-light": "var(--badge-color-8-8-2-light)", "color-8-8-3-light": "var(--badge-color-8-8-3-light)", "color-8-8-1-thick": "var(--badge-color-8-8-1-thick)", "color-8-8-2-thick": "var(--badge-color-8-8-2-thick)", "color-8-8-3-thick": "var(--badge-color-8-8-3-thick)", "color-9-9-1-light": "var(--badge-color-9-9-1-light)", "color-9-9-2-light": "var(--badge-color-9-9-2-light)", "color-9-9-3-light": "var(--badge-color-9-9-3-light)", "color-9-9-1-thick": "var(--badge-color-9-9-1-thick)", "color-9-9-2-thick": "var(--badge-color-9-9-2-thick)", "color-9-9-3-thick": "var(--badge-color-9-9-3-thick)", "color-10-10-1-light": "var(--badge-color-10-10-1-light)", "color-10-10-2-light": "var(--badge-color-10-10-2-light)", "color-10-10-3-light": "var(--badge-color-10-10-3-light)", "color-10-10-1-thick": "var(--badge-color-10-10-1-thick)", "color-10-10-2-thick": "var(--badge-color-10-10-2-thick)", "color-10-10-3-thick": "var(--badge-color-10-10-3-thick)", "color-11-11-1-light": "var(--badge-color-11-11-1-light)", "color-11-11-2-light": "var(--badge-color-11-11-2-light)", "color-11-11-3-light": "var(--badge-color-11-11-3-light)", "color-11-11-1-thick": "var(--badge-color-11-11-1-thick)", "color-11-11-2-thick": "var(--badge-color-11-11-2-thick)", "color-11-11-3-thick": "var(--badge-color-11-11-3-thick)", "color-12-12-1-light": "var(--badge-color-12-12-1-light)", "color-12-12-2-light": "var(--badge-color-12-12-2-light)", "color-12-12-3-light": "var(--badge-color-12-12-3-light)", "color-12-12-1-thick": "var(--badge-color-12-12-1-thick)", "color-12-12-2-thick": "var(--badge-color-12-12-2-thick)", "color-12-12-3-thick": "var(--badge-color-12-12-3-thick)", "color-13-13-1-light": "var(--badge-color-13-13-1-light)", "color-13-13-2-light": "var(--badge-color-13-13-2-light)", "color-13-13-3-light": "var(--badge-color-13-13-3-light)", "color-13-13-1-thick": "var(--badge-color-13-13-1-thick)", "color-13-13-2-thick": "var(--badge-color-13-13-2-thick)", "color-13-13-3-thick": "var(--badge-color-13-13-3-thick)", "color-14-14-1-light": "var(--badge-color-14-14-1-light)", "color-14-14-2-light": "var(--badge-color-14-14-2-light)", "color-14-14-3-light": "var(--badge-color-14-14-3-light)", "color-14-14-1-thick": "var(--badge-color-14-14-1-thick)", "color-14-14-2-thick": "var(--badge-color-14-14-2-thick)", "color-14-14-3-thick": "var(--badge-color-14-14-3-thick)", "color-15-15-1-light": "var(--badge-color-15-15-1-light)", "color-15-15-2-light": "var(--badge-color-15-15-2-light)", "color-15-15-3-light": "var(--badge-color-15-15-3-light)", "color-15-15-1-thick": "var(--badge-color-15-15-1-thick)", "color-15-15-2-thick": "var(--badge-color-15-15-2-thick)", "color-15-15-3-thick": "var(--badge-color-15-15-3-thick)", "color-16-16-1-light": "var(--badge-color-16-16-1-light)", "color-16-16-2-light": "var(--badge-color-16-16-2-light)", "color-16-16-3-light": "var(--badge-color-16-16-3-light)", "color-16-16-1-thick": "var(--badge-color-16-16-1-thick)", "color-16-16-2-thick": "var(--badge-color-16-16-2-thick)", "color-16-16-3-thick": "var(--badge-color-16-16-3-thick)", "color-17-17-1-light": "var(--badge-color-17-17-1-light)", "color-17-17-2-light": "var(--badge-color-17-17-2-light)", "color-17-17-3-light": "var(--badge-color-17-17-3-light)", "color-17-17-1-thick": "var(--badge-color-17-17-1-thick)", "color-17-17-2-thick": "var(--badge-color-17-17-2-thick)", "color-17-17-3-thick": "var(--badge-color-17-17-3-thick)", "color-18-18-1-light": "var(--badge-color-18-18-1-light)", "color-18-18-2-light": "var(--badge-color-18-18-2-light)", "color-18-18-3-light": "var(--badge-color-18-18-3-light)", "color-18-18-1-thick": "var(--badge-color-18-18-1-thick)", "color-18-18-2-thick": "var(--badge-color-18-18-2-thick)", "color-18-18-3-thick": "var(--badge-color-18-18-3-thick)", "color-19-19-1-light": "var(--badge-color-19-19-1-light)", "color-19-19-2-light": "var(--badge-color-19-19-2-light)", "color-19-19-3-light": "var(--badge-color-19-19-3-light)", "color-19-19-1-thick": "var(--badge-color-19-19-1-thick)", "color-19-19-2-thick": "var(--badge-color-19-19-2-thick)", "color-19-19-3-thick": "var(--badge-color-19-19-3-thick)", "color-20-20-1-light": "var(--badge-color-20-20-1-light)", "color-20-20-2-light": "var(--badge-color-20-20-2-light)", "color-20-20-3-light": "var(--badge-color-20-20-3-light)", "color-20-20-1-thick": "var(--badge-color-20-20-1-thick)", "color-20-20-2-thick": "var(--badge-color-20-20-2-thick)", "color-20-20-3-thick": "var(--badge-color-20-20-3-thick)" }, "brand": { "skyline": "var(--brand-skyline)", "aqua": "var(--brand-aqua)", "violet": "var(--brand-violet)", "amethyst": "var(--brand-amethyst)", "berry": "var(--brand-berry)", "coral": "var(--brand-coral)", "golden": "var(--brand-golden)", "amber": "var(--brand-amber)", "lemon": "var(--brand-lemon)" }, "other": { "colors-text-highlight": "var(--other-colors-text-highlight)" } };