/** * TailwindCSS color configuration * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY * * This file is auto-generated by convert-tokens.cjs script * Generation time: 2025-06-10T08:51:13.565Z * * 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)", "text-select": "var(--fill-text-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)", "success-thick": "var(--fill-success-thick)", "success-thick-hover": "var(--fill-success-thick-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)", "layer-01": "var(--surface-layer-01)", "layer-01-hover": "var(--surface-layer-01-hover)", "layer-02": "var(--surface-layer-02)", "layer-02-hover": "var(--surface-layer-02-hover)", "layer-03": "var(--surface-layer-03)", "layer-03-hover": "var(--surface-layer-03-hover)", "layer-04": "var(--surface-layer-04)", "layer-04-hover": "var(--surface-layer-04-hover)", "inverse": "var(--surface-inverse)", "secondary": "var(--surface-secondary)", "overlay": "var(--surface-overlay)", "container-layer-01": "var(--surface-container-layer-01)", "container-layer-02": "var(--surface-container-layer-02)", "container-layer-03": "var(--surface-container-layer-03)" }, "background": { "primary": "var(--background-primary)" }, "badge": { "color-1-light-1": "var(--badge-color-1-light-1)", "color-1-light-2": "var(--badge-color-1-light-2)", "color-1-light-3": "var(--badge-color-1-light-3)", "color-1-thick-1": "var(--badge-color-1-thick-1)", "color-1-thick-2": "var(--badge-color-1-thick-2)", "color-1-thick-3": "var(--badge-color-1-thick-3)", "color-2-light-1": "var(--badge-color-2-light-1)", "color-2-light-2": "var(--badge-color-2-light-2)", "color-2-light-3": "var(--badge-color-2-light-3)", "color-2-thick-1": "var(--badge-color-2-thick-1)", "color-2-thick-2": "var(--badge-color-2-thick-2)", "color-2-thick-3": "var(--badge-color-2-thick-3)", "color-3-light-1": "var(--badge-color-3-light-1)", "color-3-light-2": "var(--badge-color-3-light-2)", "color-3-light-3": "var(--badge-color-3-light-3)", "color-3-thick-1": "var(--badge-color-3-thick-1)", "color-3-thick-2": "var(--badge-color-3-thick-2)", "color-3-thick-3": "var(--badge-color-3-thick-3)", "color-4-light-1": "var(--badge-color-4-light-1)", "color-4-light-2": "var(--badge-color-4-light-2)", "color-4-light-3": "var(--badge-color-4-light-3)", "color-4-thick-1": "var(--badge-color-4-thick-1)", "color-4-thick-2": "var(--badge-color-4-thick-2)", "color-4-thick-3": "var(--badge-color-4-thick-3)", "color-5-light-1": "var(--badge-color-5-light-1)", "color-5-light-2": "var(--badge-color-5-light-2)", "color-5-light-3": "var(--badge-color-5-light-3)", "color-5-thick-1": "var(--badge-color-5-thick-1)", "color-5-thick-2": "var(--badge-color-5-thick-2)", "color-5-thick-3": "var(--badge-color-5-thick-3)", "color-6-light-1": "var(--badge-color-6-light-1)", "color-6-light-2": "var(--badge-color-6-light-2)", "color-6-light-3": "var(--badge-color-6-light-3)", "color-6-thick-1": "var(--badge-color-6-thick-1)", "color-6-thick-2": "var(--badge-color-6-thick-2)", "color-6-thick-3": "var(--badge-color-6-thick-3)", "color-7-light-1": "var(--badge-color-7-light-1)", "color-7-light-2": "var(--badge-color-7-light-2)", "color-7-light-3": "var(--badge-color-7-light-3)", "color-7-thick-1": "var(--badge-color-7-thick-1)", "color-7-thick-2": "var(--badge-color-7-thick-2)", "color-7-thick-3": "var(--badge-color-7-thick-3)", "color-8-light-1": "var(--badge-color-8-light-1)", "color-8-light-2": "var(--badge-color-8-light-2)", "color-8-light-3": "var(--badge-color-8-light-3)", "color-8-thick-1": "var(--badge-color-8-thick-1)", "color-8-thick-2": "var(--badge-color-8-thick-2)", "color-8-thick-3": "var(--badge-color-8-thick-3)", "color-9-light-1": "var(--badge-color-9-light-1)", "color-9-light-2": "var(--badge-color-9-light-2)", "color-9-light-3": "var(--badge-color-9-light-3)", "color-9-thick-1": "var(--badge-color-9-thick-1)", "color-9-thick-2": "var(--badge-color-9-thick-2)", "color-9-thick-3": "var(--badge-color-9-thick-3)", "color-10-light-1": "var(--badge-color-10-light-1)", "color-10-light-2": "var(--badge-color-10-light-2)", "color-10-light-3": "var(--badge-color-10-light-3)", "color-10-thick-1": "var(--badge-color-10-thick-1)", "color-10-thick-2": "var(--badge-color-10-thick-2)", "color-10-thick-3": "var(--badge-color-10-thick-3)", "color-11-light-1": "var(--badge-color-11-light-1)", "color-11-light-2": "var(--badge-color-11-light-2)", "color-11-light-3": "var(--badge-color-11-light-3)", "color-11-thick-1": "var(--badge-color-11-thick-1)", "color-11-thick-2": "var(--badge-color-11-thick-2)", "color-11-thick-3": "var(--badge-color-11-thick-3)", "color-12-light-1": "var(--badge-color-12-light-1)", "color-12-light-2": "var(--badge-color-12-light-2)", "color-12-light-3": "var(--badge-color-12-light-3)", "color-12-thick-1": "var(--badge-color-12-thick-1)", "color-12-thick-2": "var(--badge-color-12-thick-2)", "color-12-thick-3": "var(--badge-color-12-thick-3)", "color-13-light-1": "var(--badge-color-13-light-1)", "color-13-light-2": "var(--badge-color-13-light-2)", "color-13-light-3": "var(--badge-color-13-light-3)", "color-13-thick-1": "var(--badge-color-13-thick-1)", "color-13-thick-2": "var(--badge-color-13-thick-2)", "color-13-thick-3": "var(--badge-color-13-thick-3)", "color-14-light-1": "var(--badge-color-14-light-1)", "color-14-light-2": "var(--badge-color-14-light-2)", "color-14-light-3": "var(--badge-color-14-light-3)", "color-14-thick-1": "var(--badge-color-14-thick-1)", "color-14-thick-2": "var(--badge-color-14-thick-2)", "color-14-thick-3": "var(--badge-color-14-thick-3)", "color-15-light-1": "var(--badge-color-15-light-1)", "color-15-light-2": "var(--badge-color-15-light-2)", "color-15-light-3": "var(--badge-color-15-light-3)", "color-15-thick-1": "var(--badge-color-15-thick-1)", "color-15-thick-2": "var(--badge-color-15-thick-2)", "color-15-thick-3": "var(--badge-color-15-thick-3)", "color-16-light-1": "var(--badge-color-16-light-1)", "color-16-light-2": "var(--badge-color-16-light-2)", "color-16-light-3": "var(--badge-color-16-light-3)", "color-16-thick-1": "var(--badge-color-16-thick-1)", "color-16-thick-2": "var(--badge-color-16-thick-2)", "color-16-thick-3": "var(--badge-color-16-thick-3)", "color-17-light-1": "var(--badge-color-17-light-1)", "color-17-light-2": "var(--badge-color-17-light-2)", "color-17-light-3": "var(--badge-color-17-light-3)", "color-17-thick-1": "var(--badge-color-17-thick-1)", "color-17-thick-2": "var(--badge-color-17-thick-2)", "color-17-thick-3": "var(--badge-color-17-thick-3)", "color-18-light-1": "var(--badge-color-18-light-1)", "color-18-light-2": "var(--badge-color-18-light-2)", "color-18-light-3": "var(--badge-color-18-light-3)", "color-18-thick-1": "var(--badge-color-18-thick-1)", "color-18-thick-2": "var(--badge-color-18-thick-2)", "color-18-thick-3": "var(--badge-color-18-thick-3)", "color-19-light-1": "var(--badge-color-19-light-1)", "color-19-light-2": "var(--badge-color-19-light-2)", "color-19-light-3": "var(--badge-color-19-light-3)", "color-19-thick-1": "var(--badge-color-19-thick-1)", "color-19-thick-2": "var(--badge-color-19-thick-2)", "color-19-thick-3": "var(--badge-color-19-thick-3)", "color-20-light-1": "var(--badge-color-20-light-1)", "color-20-light-2": "var(--badge-color-20-light-2)", "color-20-light-3": "var(--badge-color-20-light-3)", "color-20-thick-1": "var(--badge-color-20-thick-1)", "color-20-thick-2": "var(--badge-color-20-thick-2)", "color-20-thick-3": "var(--badge-color-20-thick-3)" }, "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)" } };