@raminy/css-config/dist/themes/theme-names.module.scss.mjs

Tailwind CSS v4 configuration with predefined themes, semantic color tokens, and SCSS utilities for theme customization and generation.

const r = "cg-blue", e = `'{"cg-blue":"hsl(195, 100%, 32%)","cyan":"hsl(187, 47%, 55%)","teal":"hsl(174, 63%, 40%)","pink":"hsl(340, 82%, 67%)","rose":"hsl(347, 77%, 61%)","orange":"hsl(28, 85%, 55%)","amber":"hsl(42, 90%, 55%)","green":"hsl(152, 47%, 45%)","olive":"hsl(88, 30%, 40%)","basil":"hsl(158, 34.8%, 30.8%)","brown":"hsl(25, 25%, 45%)","indigo":"hsl(245, 60%, 60%)","purple":"hsl(270, 70%, 60%)","magenta":"hsl(320, 60%, 60%)","electric-blue":"hsl(210, 100%, 60%)","hot-pink":"hsl(330, 100%, 65%)","shrine-pink":"hsl(18, 96%, 60%)","crane-purple":"hsl(320, 71%, 40%)"}'`, s = `'{"cg-blue":{"primary":{"light":"hsl(195, 100%, 32%)","dark":"hsl(195, 100%, 32%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(195, 100%, 28.8%)","dark":"hsl(195, 100%, 38.8%)","description":""},"primary-active":{"light":"hsl(195, 100%, 25.6%)","dark":"hsl(195, 100%, 45.6%)","description":""},"primary-inverted":{"light":"hsl(195, 100%, 32%)","dark":"hsl(195, 100%, 32%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(195, 100%, 38.8%)","dark":"hsl(195, 100%, 28.8%)","description":""},"primary-inverted-active":{"light":"hsl(195, 100%, 45.6%)","dark":"hsl(195, 100%, 25.6%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(195, 100%, 22.4%)","dark":"hsl(195, 100%, 86.4%)","description":"Text color which is darker than base on light and white on dark"},"secondary":{"light":"hsl(195, 60%, 89.8%)","dark":"hsl(195, 80%, 52.4%)","description":"Background color for less important actions and info banners"},"secondary-hover":{"light":"hsl(195, 60%, 85.31%)","dark":"hsl(195, 80%, 57.16%)","description":""},"secondary-active":{"light":"hsl(195, 60%, 80.82%)","dark":"hsl(195, 80%, 61.92%)","description":""},"secondary-inverted":{"light":"hsl(195, 80%, 52.4%)","dark":"hsl(195, 60%, 89.8%)","description":"Background color for less important actions and info banners on an inverted background"},"secondary-inverted-hover":{"light":"hsl(195, 80%, 57.16%)","dark":"hsl(195, 60%, 85.31%)","description":""},"secondary-inverted-active":{"light":"hsl(195, 80%, 61.92%)","dark":"hsl(195, 60%, 80.82%)","description":""},"on-secondary":{"light":"hsl(195, 100%, 22.4%)","dark":"hsl(195, 100%, 16%)","description":""},"on-secondary-inverted":{"light":"hsl(195, 60%, 89.8%)","dark":"hsl(195, 100%, 22.4%)","description":""},"default":{"light":"#fefefd","dark":"#2c2c2e","description":"The color of the page"},"on-default":{"light":"#2c2c2e","dark":"#fefefd","description":""},"inverted":{"light":"#2c2c2e","dark":"#fefefd","description":"The inverted color of the page"},"on-inverted":{"light":"#fefefd","dark":"#2c2c2e","description":""},"surface":{"light":"hsl(195, 40%, 93.2%)","dark":"hsl(195, 50%, 42.2%)","description":"The background of cards or nested UI"},"surface-hover":{"light":"hsl(195, 40%, 88.54%)","dark":"hsl(195, 50%, 45.09%)","description":""},"surface-active":{"light":"hsl(195, 40%, 83.88%)","dark":"hsl(195, 50%, 47.98%)","description":""},"surface-inverted":{"light":"hsl(195, 50%, 42.2%)","dark":"hsl(195, 40%, 93.2%)","description":"The inverted background of cards or nested UI"},"surface-inverted-hover":{"light":"hsl(195, 50%, 45.09%)","dark":"hsl(195, 40%, 88.54%)","description":""},"surface-inverted-active":{"light":"hsl(195, 50%, 47.98%)","dark":"hsl(195, 40%, 83.88%)","description":""},"backdrop":{"light":"rgba(0, 0, 0, 0.5)","dark":"rgba(0, 0, 0, 0.7)","description":"Semi-transparent layer behind modals"},"overlay":{"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.06)","description":"The background of dropdowns"},"modal":{"light":"#fefefd","dark":"#262626","description":"The background of modals"},"skeleton":{"light":"#e0e0e0","dark":"#3a3a3a","description":"The background of skeletons used for loading states and shimmer effects"},"on-skeleton":{"light":"#f0f0f0","dark":"#4a4a4a","description":""},"muted":{"light":"hsl(0, 0%, 32%)","dark":"hsl(0, 0%, 92%)","description":"Muted text color for less important information"},"placeholder":{"light":"hsl(0, 0%, 52%)","dark":"hsl(0, 0%, 76%)","description":"For placeholder text in inputs and text areas"},"disabled":{"light":"hsl(0, 0%, 55%)","dark":"hsl(0, 0%, 35%)","description":"Disabled elements such as buttons and inputs"},"on-disabled":{"light":"hsl(0, 0%, 95%)","dark":"hsl(0, 0%, 85%)","description":""},"divider":{"light":"hsl(195, 20%, 83%)","dark":"hsl(195, 20%, 83%)","description":"The color of dividers and borders"},"divider-hover":{"light":"hsl(195, 20%, 78.85%)","dark":"hsl(195, 20%, 83.85%)","description":""},"divider-active":{"light":"hsl(195, 20%, 74.7%)","dark":"hsl(195, 20%, 84.7%)","description":""},"divider-disabled":{"light":"hsl(0, 0%, 60%)","dark":"hsl(0, 0%, 45%)","description":"The color of disabled dividers and borders"},"focus-ring":{"light":"hsla(195, 100%, 32%, 0.7)","dark":"hsla(195, 100%, 32%, 0.9)","description":"For focus outlines"},"shadow":{"light":"rgba(0, 0, 0, 0.1)","dark":"rgba(0, 0, 0, 0.4)","description":"Shadow color for drop shadows, buttons, cards, and modals"},"error":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons"},"error-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"error-inverted":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons on an inverted background"},"error-inverted-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-inverted-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"on-error":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"on-error-inverted":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"error-secondary":{"light":"hsl(0, 100%, 95%)","dark":"hsl(0, 100%, 95%)","description":"Error messages or banners"},"error-secondary-hover":{"light":"hsl(0, 100%, 90.25%)","dark":"hsl(0, 100%, 90.25%)","description":""},"error-secondary-active":{"light":"hsl(0, 100%, 85.5%)","dark":"hsl(0, 100%, 85.5%)","description":""},"on-error-secondary":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 30%)","description":""},"error-text":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 90%)","description":"Error text color which is a dark error color on light and light error on dark"},"success":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval"},"success-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"success-inverted":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval on an inverted background"},"success-inverted-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-inverted-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"on-success":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"on-success-inverted":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"success-secondary":{"light":"hsl(142, 70%, 90%)","dark":"hsl(142, 70%, 90%)","description":"Success messages or banners"},"success-secondary-hover":{"light":"hsl(142, 70%, 85.5%)","dark":"hsl(142, 70%, 85.5%)","description":""},"success-secondary-active":{"light":"hsl(142, 70%, 81%)","dark":"hsl(142, 70%, 81%)","description":""},"on-success-secondary":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 25%)","description":""},"success-text":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 85%)","description":"Success text color which is a dark success color on light and light success on dark"},"warning":{"light":"hsl(45, 100%, 85%)","dark":"hsl(45, 100%, 68%)","description":"Warnings such as unsaved changes or altert banners"},"on-warning":{"light":"hsl(30, 100%, 25%)","dark":"hsl(45, 100%, 95%)","description":""},"link":{"light":"#2563eb","dark":"#60a5fa","description":"Link color"},"link-hover":{"light":"#1d4ed8","dark":"#93c5fd","description":""},"link-active":{"light":"#1e40af","dark":"#bfdbfe","description":""}},"cyan":{"primary":{"light":"hsl(187, 47%, 55%)","dark":"hsl(187, 47%, 55%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(187, 47%, 49.5%)","dark":"hsl(187, 47%, 59.5%)","description":""},"primary-active":{"light":"hsl(187, 47%, 44%)","dark":"hsl(187, 47%, 64%)","description":""},"primary-inverted":{"light":"hsl(187, 47%, 55%)","dark":"hsl(187, 47%, 55%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(187, 47%, 59.5%)","dark":"hsl(187, 47%, 49.5%)","description":""},"primary-inverted-active":{"light":"hsl(187, 47%, 64%)","dark":"hsl(187, 47%, 44%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(187, 47%, 38.5%)","dark":"hsl(187, 47%, 91%)","description":"Text color which is darker than base on light and white on dark"},"secondary":{"light":"hsl(187, 28.2%, 93.25%)","dark":"hsl(187, 37.6%, 68.5%)","description":"Background color for less important actions and info banners"},"secondary-hover":{"light":"hsl(187, 28.2%, 88.5875%)","dark":"hsl(187, 37.6%, 71.65%)","description":""},"secondary-active":{"light":"hsl(187, 28.2%, 83.925%)","dark":"hsl(187, 37.6%, 74.8%)","description":""},"secondary-inverted":{"light":"hsl(187, 37.6%, 68.5%)","dark":"hsl(187, 28.2%, 93.25%)","description":"Background color for less important actions and info banners on an inverted background"},"secondary-inverted-hover":{"light":"hsl(187, 37.6%, 71.65%)","dark":"hsl(187, 28.2%, 88.5875%)","description":""},"secondary-inverted-active":{"light":"hsl(187, 37.6%, 74.8%)","dark":"hsl(187, 28.2%, 83.925%)","description":""},"on-secondary":{"light":"hsl(187, 47%, 38.5%)","dark":"hsl(187, 47%, 27.5%)","description":""},"on-secondary-inverted":{"light":"hsl(187, 28.2%, 93.25%)","dark":"hsl(187, 47%, 38.5%)","description":""},"default":{"light":"#fefefd","dark":"#2c2c2e","description":"The color of the page"},"on-default":{"light":"#2c2c2e","dark":"#fefefd","description":""},"inverted":{"light":"#2c2c2e","dark":"#fefefd","description":"The inverted color of the page"},"on-inverted":{"light":"#fefefd","dark":"#2c2c2e","description":""},"surface":{"light":"hsl(187, 18.8%, 95.5%)","dark":"hsl(187, 23.5%, 61.75%)","description":"The background of cards or nested UI"},"surface-hover":{"light":"hsl(187, 18.8%, 90.725%)","dark":"hsl(187, 23.5%, 63.6625%)","description":""},"surface-active":{"light":"hsl(187, 18.8%, 85.95%)","dark":"hsl(187, 23.5%, 65.575%)","description":""},"surface-inverted":{"light":"hsl(187, 23.5%, 61.75%)","dark":"hsl(187, 18.8%, 95.5%)","description":"The inverted background of cards or nested UI"},"surface-inverted-hover":{"light":"hsl(187, 23.5%, 63.6625%)","dark":"hsl(187, 18.8%, 90.725%)","description":""},"surface-inverted-active":{"light":"hsl(187, 23.5%, 65.575%)","dark":"hsl(187, 18.8%, 85.95%)","description":""},"backdrop":{"light":"rgba(0, 0, 0, 0.5)","dark":"rgba(0, 0, 0, 0.7)","description":"Semi-transparent layer behind modals"},"overlay":{"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.06)","description":"The background of dropdowns"},"modal":{"light":"#fefefd","dark":"#262626","description":"The background of modals"},"skeleton":{"light":"#e0e0e0","dark":"#3a3a3a","description":"The background of skeletons used for loading states and shimmer effects"},"on-skeleton":{"light":"#f0f0f0","dark":"#4a4a4a","description":""},"muted":{"light":"hsl(0, 0%, 32%)","dark":"hsl(0, 0%, 92%)","description":"Muted text color for less important information"},"placeholder":{"light":"hsl(0, 0%, 52%)","dark":"hsl(0, 0%, 76%)","description":"For placeholder text in inputs and text areas"},"disabled":{"light":"hsl(0, 0%, 55%)","dark":"hsl(0, 0%, 35%)","description":"Disabled elements such as buttons and inputs"},"on-disabled":{"light":"hsl(0, 0%, 95%)","dark":"hsl(0, 0%, 85%)","description":""},"divider":{"light":"hsl(187, 9.4%, 88.75%)","dark":"hsl(187, 9.4%, 88.75%)","description":"The color of dividers and borders"},"divider-hover":{"light":"hsl(187, 9.4%, 84.3125%)","dark":"hsl(187, 9.4%, 89.3125%)","description":""},"divider-active":{"light":"hsl(187, 9.4%, 79.875%)","dark":"hsl(187, 9.4%, 89.875%)","description":""},"divider-disabled":{"light":"hsl(0, 0%, 60%)","dark":"hsl(0, 0%, 45%)","description":"The color of disabled dividers and borders"},"focus-ring":{"light":"hsla(187, 47%, 55%, 0.7)","dark":"hsla(187, 47%, 55%, 0.9)","description":"For focus outlines"},"shadow":{"light":"rgba(0, 0, 0, 0.1)","dark":"rgba(0, 0, 0, 0.4)","description":"Shadow color for drop shadows, buttons, cards, and modals"},"error":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons"},"error-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"error-inverted":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons on an inverted background"},"error-inverted-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-inverted-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"on-error":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"on-error-inverted":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"error-secondary":{"light":"hsl(0, 100%, 95%)","dark":"hsl(0, 100%, 95%)","description":"Error messages or banners"},"error-secondary-hover":{"light":"hsl(0, 100%, 90.25%)","dark":"hsl(0, 100%, 90.25%)","description":""},"error-secondary-active":{"light":"hsl(0, 100%, 85.5%)","dark":"hsl(0, 100%, 85.5%)","description":""},"on-error-secondary":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 30%)","description":""},"error-text":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 90%)","description":"Error text color which is a dark error color on light and light error on dark"},"success":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval"},"success-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"success-inverted":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval on an inverted background"},"success-inverted-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-inverted-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"on-success":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"on-success-inverted":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"success-secondary":{"light":"hsl(142, 70%, 90%)","dark":"hsl(142, 70%, 90%)","description":"Success messages or banners"},"success-secondary-hover":{"light":"hsl(142, 70%, 85.5%)","dark":"hsl(142, 70%, 85.5%)","description":""},"success-secondary-active":{"light":"hsl(142, 70%, 81%)","dark":"hsl(142, 70%, 81%)","description":""},"on-success-secondary":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 25%)","description":""},"success-text":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 85%)","description":"Success text color which is a dark success color on light and light success on dark"},"warning":{"light":"hsl(45, 100%, 85%)","dark":"hsl(45, 100%, 68%)","description":"Warnings such as unsaved changes or altert banners"},"on-warning":{"light":"hsl(30, 100%, 25%)","dark":"hsl(45, 100%, 95%)","description":""},"link":{"light":"#2563eb","dark":"#60a5fa","description":"Link color"},"link-hover":{"light":"#1d4ed8","dark":"#93c5fd","description":""},"link-active":{"light":"#1e40af","dark":"#bfdbfe","description":""}},"teal":{"primary":{"light":"hsl(174, 63%, 40%)","dark":"hsl(174, 63%, 40%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(174, 63%, 36%)","dark":"hsl(174, 63%, 46%)","description":""},"primary-active":{"light":"hsl(174, 63%, 32%)","dark":"hsl(174, 63%, 52%)","description":""},"primary-inverted":{"light":"hsl(174, 63%, 40%)","dark":"hsl(174, 63%, 40%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(174, 63%, 46%)","dark":"hsl(174, 63%, 36%)","description":""},"primary-inverted-active":{"light":"hsl(174, 63%, 52%)","dark":"hsl(174, 63%, 32%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(174, 63%, 28%)","dark":"hsl(174, 63%, 88%)","description":"Text color which is darker than base on light and white on dark"},"secondary":{"light":"hsl(174, 37.8%, 91%)","dark":"hsl(174, 50.4%, 58%)","description":"Background color for less important actions and info banners"},"secondary-hover":{"light":"hsl(174, 37.8%, 86.45%)","dark":"hsl(174, 50.4%, 62.2%)","description":""},"secondary-active":{"light":"hsl(174, 37.8%, 81.9%)","dark":"hsl(174, 50.4%, 66.4%)","description":""},"secondary-inverted":{"light":"hsl(174, 50.4%, 58%)","dark":"hsl(174, 37.8%, 91%)","description":"Background color for less important actions and info banners on an inverted background"},"secondary-inverted-hover":{"light":"hsl(174, 50.4%, 62.2%)","dark":"hsl(174, 37.8%, 86.45%)","description":""},"secondary-inverted-active":{"light":"hsl(174, 50.4%, 66.4%)","dark":"hsl(174, 37.8%, 81.9%)","description":""},"on-secondary":{"light":"hsl(174, 63%, 28%)","dark":"hsl(174, 63%, 20%)","description":""},"on-secondary-inverted":{"light":"hsl(174, 37.8%, 91%)","dark":"hsl(174, 63%, 28%)","description":""},"default":{"light":"#fefefd","dark":"#2c2c2e","description":"The color of the page"},"on-default":{"light":"#2c2c2e","dark":"#fefefd","description":""},"inverted":{"light":"#2c2c2e","dark":"#fefefd","description":"The inverted color of the page"},"on-inverted":{"light":"#fefefd","dark":"#2c2c2e","description":""},"surface":{"light":"hsl(174, 25.2%, 94%)","dark":"hsl(174, 31.5%, 49%)","description":"The background of cards or nested UI"},"surface-hover":{"light":"hsl(174, 25.2%, 89.3%)","dark":"hsl(174, 31.5%, 51.55%)","description":""},"surface-active":{"light":"hsl(174, 25.2%, 84.6%)","dark":"hsl(174, 31.5%, 54.1%)","description":""},"surface-inverted":{"light":"hsl(174, 31.5%, 49%)","dark":"hsl(174, 25.2%, 94%)","description":"The inverted background of cards or nested UI"},"surface-inverted-hover":{"light":"hsl(174, 31.5%, 51.55%)","dark":"hsl(174, 25.2%, 89.3%)","description":""},"surface-inverted-active":{"light":"hsl(174, 31.5%, 54.1%)","dark":"hsl(174, 25.2%, 84.6%)","description":""},"backdrop":{"light":"rgba(0, 0, 0, 0.5)","dark":"rgba(0, 0, 0, 0.7)","description":"Semi-transparent layer behind modals"},"overlay":{"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.06)","description":"The background of dropdowns"},"modal":{"light":"#fefefd","dark":"#262626","description":"The background of modals"},"skeleton":{"light":"#e0e0e0","dark":"#3a3a3a","description":"The background of skeletons used for loading states and shimmer effects"},"on-skeleton":{"light":"#f0f0f0","dark":"#4a4a4a","description":""},"muted":{"light":"hsl(0, 0%, 32%)","dark":"hsl(0, 0%, 92%)","description":"Muted text color for less important information"},"placeholder":{"light":"hsl(0, 0%, 52%)","dark":"hsl(0, 0%, 76%)","description":"For placeholder text in inputs and text areas"},"disabled":{"light":"hsl(0, 0%, 55%)","dark":"hsl(0, 0%, 35%)","description":"Disabled elements such as buttons and inputs"},"on-disabled":{"light":"hsl(0, 0%, 95%)","dark":"hsl(0, 0%, 85%)","description":""},"divider":{"light":"hsl(174, 12.6%, 85%)","dark":"hsl(174, 12.6%, 85%)","description":"The color of dividers and borders"},"divider-hover":{"light":"hsl(174, 12.6%, 80.75%)","dark":"hsl(174, 12.6%, 85.75%)","description":""},"divider-active":{"light":"hsl(174, 12.6%, 76.5%)","dark":"hsl(174, 12.6%, 86.5%)","description":""},"divider-disabled":{"light":"hsl(0, 0%, 60%)","dark":"hsl(0, 0%, 45%)","description":"The color of disabled dividers and borders"},"focus-ring":{"light":"hsla(174, 63%, 40%, 0.7)","dark":"hsla(174, 63%, 40%, 0.9)","description":"For focus outlines"},"shadow":{"light":"rgba(0, 0, 0, 0.1)","dark":"rgba(0, 0, 0, 0.4)","description":"Shadow color for drop shadows, buttons, cards, and modals"},"error":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons"},"error-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"error-inverted":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons on an inverted background"},"error-inverted-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-inverted-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"on-error":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"on-error-inverted":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"error-secondary":{"light":"hsl(0, 100%, 95%)","dark":"hsl(0, 100%, 95%)","description":"Error messages or banners"},"error-secondary-hover":{"light":"hsl(0, 100%, 90.25%)","dark":"hsl(0, 100%, 90.25%)","description":""},"error-secondary-active":{"light":"hsl(0, 100%, 85.5%)","dark":"hsl(0, 100%, 85.5%)","description":""},"on-error-secondary":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 30%)","description":""},"error-text":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 90%)","description":"Error text color which is a dark error color on light and light error on dark"},"success":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval"},"success-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"success-inverted":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval on an inverted background"},"success-inverted-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-inverted-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"on-success":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"on-success-inverted":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"success-secondary":{"light":"hsl(142, 70%, 90%)","dark":"hsl(142, 70%, 90%)","description":"Success messages or banners"},"success-secondary-hover":{"light":"hsl(142, 70%, 85.5%)","dark":"hsl(142, 70%, 85.5%)","description":""},"success-secondary-active":{"light":"hsl(142, 70%, 81%)","dark":"hsl(142, 70%, 81%)","description":""},"on-success-secondary":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 25%)","description":""},"success-text":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 85%)","description":"Success text color which is a dark success color on light and light success on dark"},"warning":{"light":"hsl(45, 100%, 85%)","dark":"hsl(45, 100%, 68%)","description":"Warnings such as unsaved changes or altert banners"},"on-warning":{"light":"hsl(30, 100%, 25%)","dark":"hsl(45, 100%, 95%)","description":""},"link":{"light":"#2563eb","dark":"#60a5fa","description":"Link color"},"link-hover":{"light":"#1d4ed8","dark":"#93c5fd","description":""},"link-active":{"light":"#1e40af","dark":"#bfdbfe","description":""}},"pink":{"primary":{"light":"hsl(340, 82%, 67%)","dark":"hsl(340, 82%, 67%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(340, 82%, 60.3%)","dark":"hsl(340, 82%, 70.3%)","description":""},"primary-active":{"light":"hsl(340, 82%, 53.6%)","dark":"hsl(340, 82%, 73.6%)","description":""},"primary-inverted":{"light":"hsl(340, 82%, 67%)","dark":"hsl(340, 82%, 67%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(340, 82%, 70.3%)","dark":"hsl(340, 82%, 60.3%)","description":""},"primary-inverted-active":{"light":"hsl(340, 82%, 73.6%)","dark":"hsl(340, 82%, 53.6%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(340, 82%, 46.9%)","dark":"hsl(340, 82%, 93.4%)","description":"Text color which is darker than base on light and white on dark"},"secondary":{"light":"hsl(340, 49.2%, 95.05%)","dark":"hsl(340, 65.6%, 76.9%)","description":"Background color for less important actions and info banners"},"secondary-hover":{"light":"hsl(340, 49.2%, 90.2975%)","dark":"hsl(340, 65.6%, 79.21%)","description":""},"secondary-active":{"light":"hsl(340, 49.2%, 85.545%)","dark":"hsl(340, 65.6%, 81.52%)","description":""},"secondary-inverted":{"light":"hsl(340, 65.6%, 76.9%)","dark":"hsl(340, 49.2%, 95.05%)","description":"Background color for less important actions and info banners on an inverted background"},"secondary-inverted-hover":{"light":"hsl(340, 65.6%, 79.21%)","dark":"hsl(340, 49.2%, 90.2975%)","description":""},"secondary-inverted-active":{"light":"hsl(340, 65.6%, 81.52%)","dark":"hsl(340, 49.2%, 85.545%)","description":""},"on-secondary":{"light":"hsl(340, 82%, 46.9%)","dark":"hsl(340, 82%, 33.5%)","description":""},"on-secondary-inverted":{"light":"hsl(340, 49.2%, 95.05%)","dark":"hsl(340, 82%, 46.9%)","description":""},"default":{"light":"#fefefd","dark":"#2c2c2e","description":"The color of the page"},"on-default":{"light":"#2c2c2e","dark":"#fefefd","description":""},"inverted":{"light":"#2c2c2e","dark":"#fefefd","description":"The inverted color of the page"},"on-inverted":{"light":"#fefefd","dark":"#2c2c2e","description":""},"surface":{"light":"hsl(340, 32.8%, 96.7%)","dark":"hsl(340, 41%, 71.95%)","description":"The background of cards or nested UI"},"surface-hover":{"light":"hsl(340, 32.8%, 91.865%)","dark":"hsl(340, 41%, 73.3525%)","description":""},"surface-active":{"light":"hsl(340, 32.8%, 87.03%)","dark":"hsl(340, 41%, 74.755%)","description":""},"surface-inverted":{"light":"hsl(340, 41%, 71.95%)","dark":"hsl(340, 32.8%, 96.7%)","description":"The inverted background of cards or nested UI"},"surface-inverted-hover":{"light":"hsl(340, 41%, 73.3525%)","dark":"hsl(340, 32.8%, 91.865%)","description":""},"surface-inverted-active":{"light":"hsl(340, 41%, 74.755%)","dark":"hsl(340, 32.8%, 87.03%)","description":""},"backdrop":{"light":"rgba(0, 0, 0, 0.5)","dark":"rgba(0, 0, 0, 0.7)","description":"Semi-transparent layer behind modals"},"overlay":{"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.06)","description":"The background of dropdowns"},"modal":{"light":"#fefefd","dark":"#262626","description":"The background of modals"},"skeleton":{"light":"#e0e0e0","dark":"#3a3a3a","description":"The background of skeletons used for loading states and shimmer effects"},"on-skeleton":{"light":"#f0f0f0","dark":"#4a4a4a","description":""},"muted":{"light":"hsl(0, 0%, 32%)","dark":"hsl(0, 0%, 92%)","description":"Muted text color for less important information"},"placeholder":{"light":"hsl(0, 0%, 52%)","dark":"hsl(0, 0%, 76%)","description":"For placeholder text in inputs and text areas"},"disabled":{"light":"hsl(0, 0%, 55%)","dark":"hsl(0, 0%, 35%)","description":"Disabled elements such as buttons and inputs"},"on-disabled":{"light":"hsl(0, 0%, 95%)","dark":"hsl(0, 0%, 85%)","description":""},"divider":{"light":"hsl(340, 16.4%, 91.75%)","dark":"hsl(340, 16.4%, 91.75%)","description":"The color of dividers and borders"},"divider-hover":{"light":"hsl(340, 16.4%, 87.1625%)","dark":"hsl(340, 16.4%, 92.1625%)","description":""},"divider-active":{"light":"hsl(340, 16.4%, 82.575%)","dark":"hsl(340, 16.4%, 92.575%)","description":""},"divider-disabled":{"light":"hsl(0, 0%, 60%)","dark":"hsl(0, 0%, 45%)","description":"The color of disabled dividers and borders"},"focus-ring":{"light":"hsla(340, 82%, 67%, 0.7)","dark":"hsla(340, 82%, 67%, 0.9)","description":"For focus outlines"},"shadow":{"light":"rgba(0, 0, 0, 0.1)","dark":"rgba(0, 0, 0, 0.4)","description":"Shadow color for drop shadows, buttons, cards, and modals"},"error":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons"},"error-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"error-inverted":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons on an inverted background"},"error-inverted-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-inverted-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"on-error":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"on-error-inverted":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"error-secondary":{"light":"hsl(0, 100%, 95%)","dark":"hsl(0, 100%, 95%)","description":"Error messages or banners"},"error-secondary-hover":{"light":"hsl(0, 100%, 90.25%)","dark":"hsl(0, 100%, 90.25%)","description":""},"error-secondary-active":{"light":"hsl(0, 100%, 85.5%)","dark":"hsl(0, 100%, 85.5%)","description":""},"on-error-secondary":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 30%)","description":""},"error-text":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 90%)","description":"Error text color which is a dark error color on light and light error on dark"},"success":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval"},"success-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"success-inverted":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval on an inverted background"},"success-inverted-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-inverted-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"on-success":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"on-success-inverted":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"success-secondary":{"light":"hsl(142, 70%, 90%)","dark":"hsl(142, 70%, 90%)","description":"Success messages or banners"},"success-secondary-hover":{"light":"hsl(142, 70%, 85.5%)","dark":"hsl(142, 70%, 85.5%)","description":""},"success-secondary-active":{"light":"hsl(142, 70%, 81%)","dark":"hsl(142, 70%, 81%)","description":""},"on-success-secondary":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 25%)","description":""},"success-text":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 85%)","description":"Success text color which is a dark success color on light and light success on dark"},"warning":{"light":"hsl(45, 100%, 85%)","dark":"hsl(45, 100%, 68%)","description":"Warnings such as unsaved changes or altert banners"},"on-warning":{"light":"hsl(30, 100%, 25%)","dark":"hsl(45, 100%, 95%)","description":""},"link":{"light":"#2563eb","dark":"#60a5fa","description":"Link color"},"link-hover":{"light":"#1d4ed8","dark":"#93c5fd","description":""},"link-active":{"light":"#1e40af","dark":"#bfdbfe","description":""}},"rose":{"primary":{"light":"hsl(347, 77%, 61%)","dark":"hsl(347, 77%, 61%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(347, 77%, 54.9%)","dark":"hsl(347, 77%, 64.9%)","description":""},"primary-active":{"light":"hsl(347, 77%, 48.8%)","dark":"hsl(347, 77%, 68.8%)","description":""},"primary-inverted":{"light":"hsl(347, 77%, 61%)","dark":"hsl(347, 77%, 61%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(347, 77%, 64.9%)","dark":"hsl(347, 77%, 54.9%)","description":""},"primary-inverted-active":{"light":"hsl(347, 77%, 68.8%)","dark":"hsl(347, 77%, 48.8%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(347, 77%, 42.7%)","dark":"hsl(347, 77%, 92.2%)","description":"Text color which is darker than base on light and white on dark"},"secondary":{"light":"hsl(347, 46.2%, 94.15%)","dark":"hsl(347, 61.6%, 72.7%)","description":"Background color for less important actions and info banners"},"secondary-hover":{"light":"hsl(347, 46.2%, 89.4425%)","dark":"hsl(347, 61.6%, 75.43%)","description":""},"secondary-active":{"light":"hsl(347, 46.2%, 84.735%)","dark":"hsl(347, 61.6%, 78.16%)","description":""},"secondary-inverted":{"light":"hsl(347, 61.6%, 72.7%)","dark":"hsl(347, 46.2%, 94.15%)","description":"Background color for less important actions and info banners on an inverted background"},"secondary-inverted-hover":{"light":"hsl(347, 61.6%, 75.43%)","dark":"hsl(347, 46.2%, 89.4425%)","description":""},"secondary-inverted-active":{"light":"hsl(347, 61.6%, 78.16%)","dark":"hsl(347, 46.2%, 84.735%)","description":""},"on-secondary":{"light":"hsl(347, 77%, 42.7%)","dark":"hsl(347, 77%, 30.5%)","description":""},"on-secondary-inverted":{"light":"hsl(347, 46.2%, 94.15%)","dark":"hsl(347, 77%, 42.7%)","description":""},"default":{"light":"#fefefd","dark":"#2c2c2e","description":"The color of the page"},"on-default":{"light":"#2c2c2e","dark":"#fefefd","description":""},"inverted":{"light":"#2c2c2e","dark":"#fefefd","description":"The inverted color of the page"},"on-inverted":{"light":"#fefefd","dark":"#2c2c2e","description":""},"surface":{"light":"hsl(347, 30.8%, 96.1%)","dark":"hsl(347, 38.5%, 66.85%)","description":"The background of cards or nested UI"},"surface-hover":{"light":"hsl(347, 30.8%, 91.295%)","dark":"hsl(347, 38.5%, 68.5075%)","description":""},"surface-active":{"light":"hsl(347, 30.8%, 86.49%)","dark":"hsl(347, 38.5%, 70.165%)","description":""},"surface-inverted":{"light":"hsl(347, 38.5%, 66.85%)","dark":"hsl(347, 30.8%, 96.1%)","description":"The inverted background of cards or nested UI"},"surface-inverted-hover":{"light":"hsl(347, 38.5%, 68.5075%)","dark":"hsl(347, 30.8%, 91.295%)","description":""},"surface-inverted-active":{"light":"hsl(347, 38.5%, 70.165%)","dark":"hsl(347, 30.8%, 86.49%)","description":""},"backdrop":{"light":"rgba(0, 0, 0, 0.5)","dark":"rgba(0, 0, 0, 0.7)","description":"Semi-transparent layer behind modals"},"overlay":{"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.06)","description":"The background of dropdowns"},"modal":{"light":"#fefefd","dark":"#262626","description":"The background of modals"},"skeleton":{"light":"#e0e0e0","dark":"#3a3a3a","description":"The background of skeletons used for loading states and shimmer effects"},"on-skeleton":{"light":"#f0f0f0","dark":"#4a4a4a","description":""},"muted":{"light":"hsl(0, 0%, 32%)","dark":"hsl(0, 0%, 92%)","description":"Muted text color for less important information"},"placeholder":{"light":"hsl(0, 0%, 52%)","dark":"hsl(0, 0%, 76%)","description":"For placeholder text in inputs and text areas"},"disabled":{"light":"hsl(0, 0%, 55%)","dark":"hsl(0, 0%, 35%)","description":"Disabled elements such as buttons and inputs"},"on-disabled":{"light":"hsl(0, 0%, 95%)","dark":"hsl(0, 0%, 85%)","description":""},"divider":{"light":"hsl(347, 15.4%, 90.25%)","dark":"hsl(347, 15.4%, 90.25%)","description":"The color of dividers and borders"},"divider-hover":{"light":"hsl(347, 15.4%, 85.7375%)","dark":"hsl(347, 15.4%, 90.7375%)","description":""},"divider-active":{"light":"hsl(347, 15.4%, 81.225%)","dark":"hsl(347, 15.4%, 91.225%)","description":""},"divider-disabled":{"light":"hsl(0, 0%, 60%)","dark":"hsl(0, 0%, 45%)","description":"The color of disabled dividers and borders"},"focus-ring":{"light":"hsla(347, 77%, 61%, 0.7)","dark":"hsla(347, 77%, 61%, 0.9)","description":"For focus outlines"},"shadow":{"light":"rgba(0, 0, 0, 0.1)","dark":"rgba(0, 0, 0, 0.4)","description":"Shadow color for drop shadows, buttons, cards, and modals"},"error":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons"},"error-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"error-inverted":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons on an inverted background"},"error-inverted-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-inverted-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"on-error":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"on-error-inverted":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"error-secondary":{"light":"hsl(0, 100%, 95%)","dark":"hsl(0, 100%, 95%)","description":"Error messages or banners"},"error-secondary-hover":{"light":"hsl(0, 100%, 90.25%)","dark":"hsl(0, 100%, 90.25%)","description":""},"error-secondary-active":{"light":"hsl(0, 100%, 85.5%)","dark":"hsl(0, 100%, 85.5%)","description":""},"on-error-secondary":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 30%)","description":""},"error-text":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 90%)","description":"Error text color which is a dark error color on light and light error on dark"},"success":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval"},"success-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"success-inverted":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval on an inverted background"},"success-inverted-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-inverted-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"on-success":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"on-success-inverted":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"success-secondary":{"light":"hsl(142, 70%, 90%)","dark":"hsl(142, 70%, 90%)","description":"Success messages or banners"},"success-secondary-hover":{"light":"hsl(142, 70%, 85.5%)","dark":"hsl(142, 70%, 85.5%)","description":""},"success-secondary-active":{"light":"hsl(142, 70%, 81%)","dark":"hsl(142, 70%, 81%)","description":""},"on-success-secondary":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 25%)","description":""},"success-text":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 85%)","description":"Success text color which is a dark success color on light and light success on dark"},"warning":{"light":"hsl(45, 100%, 85%)","dark":"hsl(45, 100%, 68%)","description":"Warnings such as unsaved changes or altert banners"},"on-warning":{"light":"hsl(30, 100%, 25%)","dark":"hsl(45, 100%, 95%)","description":""},"link":{"light":"#2563eb","dark":"#60a5fa","description":"Link color"},"link-hover":{"light":"#1d4ed8","dark":"#93c5fd","description":""},"link-active":{"light":"#1e40af","dark":"#bfdbfe","description":""}},"orange":{"primary":{"light":"hsl(28, 85%, 55%)","dark":"hsl(28, 85%, 55%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(28, 85%, 49.5%)","dark":"hsl(28, 85%, 59.5%)","description":""},"primary-active":{"light":"hsl(28, 85%, 44%)","dark":"hsl(28, 85%, 64%)","description":""},"primary-inverted":{"light":"hsl(28, 85%, 55%)","dark":"hsl(28, 85%, 55%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(28, 85%, 59.5%)","dark":"hsl(28, 85%, 49.5%)","description":""},"primary-inverted-active":{"light":"hsl(28, 85%, 64%)","dark":"hsl(28, 85%, 44%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(28, 85%, 38.5%)","dark":"hsl(28, 85%, 91%)","description":"Text color which is darker than base on light and white on dark"},"secondary":{"light":"hsl(28, 51%, 93.25%)","dark":"hsl(28, 68%, 68.5%)","description":"Background color for less important actions and info banners"},"secondary-hover":{"light":"hsl(28, 51%, 88.5875%)","dark":"hsl(28, 68%, 71.65%)","description":""},"secondary-active":{"light":"hsl(28, 51%, 83.925%)","dark":"hsl(28, 68%, 74.8%)","description":""},"secondary-inverted":{"light":"hsl(28, 68%, 68.5%)","dark":"hsl(28, 51%, 93.25%)","description":"Background color for less important actions and info banners on an inverted background"},"secondary-inverted-hover":{"light":"hsl(28, 68%, 71.65%)","dark":"hsl(28, 51%, 88.5875%)","description":""},"secondary-inverted-active":{"light":"hsl(28, 68%, 74.8%)","dark":"hsl(28, 51%, 83.925%)","description":""},"on-secondary":{"light":"hsl(28, 85%, 38.5%)","dark":"hsl(28, 85%, 27.5%)","description":""},"on-secondary-inverted":{"light":"hsl(28, 51%, 93.25%)","dark":"hsl(28, 85%, 38.5%)","description":""},"default":{"light":"#fefefd","dark":"#2c2c2e","description":"The color of the page"},"on-default":{"light":"#2c2c2e","dark":"#fefefd","description":""},"inverted":{"light":"#2c2c2e","dark":"#fefefd","description":"The inverted color of the page"},"on-inverted":{"light":"#fefefd","dark":"#2c2c2e","description":""},"surface":{"light":"hsl(28, 34%, 95.5%)","dark":"hsl(28, 42.5%, 61.75%)","description":"The background of cards or nested UI"},"surface-hover":{"light":"hsl(28, 34%, 90.725%)","dark":"hsl(28, 42.5%, 63.6625%)","description":""},"surface-active":{"light":"hsl(28, 34%, 85.95%)","dark":"hsl(28, 42.5%, 65.575%)","description":""},"surface-inverted":{"light":"hsl(28, 42.5%, 61.75%)","dark":"hsl(28, 34%, 95.5%)","description":"The inverted background of cards or nested UI"},"surface-inverted-hover":{"light":"hsl(28, 42.5%, 63.6625%)","dark":"hsl(28, 34%, 90.725%)","description":""},"surface-inverted-active":{"light":"hsl(28, 42.5%, 65.575%)","dark":"hsl(28, 34%, 85.95%)","description":""},"backdrop":{"light":"rgba(0, 0, 0, 0.5)","dark":"rgba(0, 0, 0, 0.7)","description":"Semi-transparent layer behind modals"},"overlay":{"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.06)","description":"The background of dropdowns"},"modal":{"light":"#fefefd","dark":"#262626","description":"The background of modals"},"skeleton":{"light":"#e0e0e0","dark":"#3a3a3a","description":"The background of skeletons used for loading states and shimmer effects"},"on-skeleton":{"light":"#f0f0f0","dark":"#4a4a4a","description":""},"muted":{"light":"hsl(0, 0%, 32%)","dark":"hsl(0, 0%, 92%)","description":"Muted text color for less important information"},"placeholder":{"light":"hsl(0, 0%, 52%)","dark":"hsl(0, 0%, 76%)","description":"For placeholder text in inputs and text areas"},"disabled":{"light":"hsl(0, 0%, 55%)","dark":"hsl(0, 0%, 35%)","description":"Disabled elements such as buttons and inputs"},"on-disabled":{"light":"hsl(0, 0%, 95%)","dark":"hsl(0, 0%, 85%)","description":""},"divider":{"light":"hsl(28, 17%, 88.75%)","dark":"hsl(28, 17%, 88.75%)","description":"The color of dividers and borders"},"divider-hover":{"light":"hsl(28, 17%, 84.3125%)","dark":"hsl(28, 17%, 89.3125%)","description":""},"divider-active":{"light":"hsl(28, 17%, 79.875%)","dark":"hsl(28, 17%, 89.875%)","description":""},"divider-disabled":{"light":"hsl(0, 0%, 60%)","dark":"hsl(0, 0%, 45%)","description":"The color of disabled dividers and borders"},"focus-ring":{"light":"hsla(28, 85%, 55%, 0.7)","dark":"hsla(28, 85%, 55%, 0.9)","description":"For focus outlines"},"shadow":{"light":"rgba(0, 0, 0, 0.1)","dark":"rgba(0, 0, 0, 0.4)","description":"Shadow color for drop shadows, buttons, cards, and modals"},"error":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons"},"error-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"error-inverted":{"light":"hsl(0, 70%, 40%)","dark":"hsl(0, 70%, 40%)","description":"Background color for destructive actions such as delete buttons on an inverted background"},"error-inverted-hover":{"light":"hsl(0, 70%, 38%)","dark":"hsl(0, 70%, 38%)","description":""},"error-inverted-active":{"light":"hsl(0, 70%, 36%)","dark":"hsl(0, 70%, 36%)","description":""},"on-error":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"on-error-inverted":{"light":"#fefefd","dark":"hsl(0, 100%, 95%)","description":""},"error-secondary":{"light":"hsl(0, 100%, 95%)","dark":"hsl(0, 100%, 95%)","description":"Error messages or banners"},"error-secondary-hover":{"light":"hsl(0, 100%, 90.25%)","dark":"hsl(0, 100%, 90.25%)","description":""},"error-secondary-active":{"light":"hsl(0, 100%, 85.5%)","dark":"hsl(0, 100%, 85.5%)","description":""},"on-error-secondary":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 30%)","description":""},"error-text":{"light":"hsl(0, 70%, 30%)","dark":"hsl(0, 70%, 90%)","description":"Error text color which is a dark error color on light and light error on dark"},"success":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval"},"success-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"success-inverted":{"light":"hsl(142, 50%, 35%)","dark":"hsl(142, 50%, 35%)","description":"Successful actions such as a final approval on an inverted background"},"success-inverted-hover":{"light":"hsl(142, 50%, 33.25%)","dark":"hsl(142, 50%, 33.25%)","description":""},"success-inverted-active":{"light":"hsl(142, 50%, 31.5%)","dark":"hsl(142, 50%, 31.5%)","description":""},"on-success":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"on-success-inverted":{"light":"#fefefd","dark":"hsl(142, 70%, 95%)","description":""},"success-secondary":{"light":"hsl(142, 70%, 90%)","dark":"hsl(142, 70%, 90%)","description":"Success messages or banners"},"success-secondary-hover":{"light":"hsl(142, 70%, 85.5%)","dark":"hsl(142, 70%, 85.5%)","description":""},"success-secondary-active":{"light":"hsl(142, 70%, 81%)","dark":"hsl(142, 70%, 81%)","description":""},"on-success-secondary":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 25%)","description":""},"success-text":{"light":"hsl(142, 50%, 25%)","dark":"hsl(142, 50%, 85%)","description":"Success text color which is a dark success color on light and light success on dark"},"warning":{"light":"hsl(45, 100%, 85%)","dark":"hsl(45, 100%, 68%)","description":"Warnings such as unsaved changes or altert banners"},"on-warning":{"light":"hsl(30, 100%, 25%)","dark":"hsl(45, 100%, 95%)","description":""},"link":{"light":"#2563eb","dark":"#60a5fa","description":"Link color"},"link-hover":{"light":"#1d4ed8","dark":"#93c5fd","description":""},"link-active":{"light":"#1e40af","dark":"#bfdbfe","description":""}},"amber":{"primary":{"light":"hsl(42, 90%, 55%)","dark":"hsl(42, 90%, 55%)","description":"Background color for action buttons, navbars, and highlights"},"primary-hover":{"light":"hsl(42, 90%, 49.5%)","dark":"hsl(42, 90%, 59.5%)","description":""},"primary-active":{"light":"hsl(42, 90%, 44%)","dark":"hsl(42, 90%, 64%)","description":""},"primary-inverted":{"light":"hsl(42, 90%, 55%)","dark":"hsl(42, 90%, 55%)","description":"Background color for primary action elements when they are on an inverted default background"},"primary-inverted-hover":{"light":"hsl(42, 90%, 59.5%)","dark":"hsl(42, 90%, 49.5%)","description":""},"primary-inverted-active":{"light":"hsl(42, 90%, 64%)","dark":"hsl(42, 90%, 44%)","description":""},"on-primary":{"light":"#fefefd","dark":"#fefefd","description":""},"on-primary-inverted":{"light":"#fefefd","dark":"#fefefd","description":""},"primary-text":{"light":"hsl(42, 90%, 38.5%)","dark":"hsl(42, 90%, 91%)","description":"Text co