:root {
    --static-white: 0 0% 100%;
    --static-black: 0 0% 0%;
}

:root {
    --preview-surface-light: 0 0% 100%;
    --preview-surface-dark: 221 39.29% 10.98%;
    --preview-neutral-light-50: 210 20.00% 98.04%;
    --preview-neutral-light-100: 220 14.29% 95.88%;
    --preview-neutral-light-200: 220 13.04% 90.98%;
    --preview-neutral-light-500: 220 8.94% 46.08%;
    --preview-neutral-light-600: 215 13.79% 34.12%;
    --preview-neutral-light-900: 221 39.29% 10.98%;
    --preview-neutral-dark-50: 224 71.43% 4.12%;
    --preview-neutral-dark-100: 221 39.29% 10.98%;
    --preview-neutral-dark-200: 215 27.91% 16.86%;
    --preview-neutral-dark-500: 220 8.94% 46.08%;
    --preview-neutral-dark-600: 218 10.61% 64.90%;
    --preview-neutral-dark-900: 220 14.29% 95.88%;
}

:root {
    --fixed-primary-light: 197 66.67% 21.18%;
    --fixed-primary-dark: 183 100.00% 41.37%;
    --fixed-secondary-light: 183 100.00% 41.37%;
    --fixed-secondary-dark: 197 66.67% 21.18%;
}

:root[data-theme="light"] {
    --on-primary: 0 0% 100%;
    --on-secondary: 0 0% 15%;
    --on-tertiary: 0 0% 100%;
    --on-success: 0 0% 15%;
    --on-warning: 0 0% 15%;
    --on-danger: 0 0% 100%;
    --on-info: 0 0% 100%;
    --ui-color-primary-50: 195 20.00% 96.08%;
    --ui-color-primary-100: 195 20.00% 92.16%;
    --ui-color-primary-200: 197 17.50% 84.31%;
    --ui-color-primary-300: 196 18.33% 76.47%;
    --ui-color-primary-400: 197 18.00% 60.78%;
    --ui-color-primary-500: 197 66.67% 21.18%;
    --ui-color-primary-600: 197 67.01% 19.02%;
    --ui-color-primary-700: 197 65.85% 16.08%;
    --ui-color-primary-800: 197 66.67% 10.59%;
    --ui-color-primary-900: 197 64.29% 5.49%;
    --ui-color-primary-950: 197 63.64% 2.16%;
    --ui-color-secondary-50: 185 73.33% 97.06%;
    --ui-color-secondary-100: 183 72.41% 94.31%;
    --ui-color-secondary-200: 183 70.00% 88.24%;
    --ui-color-secondary-300: 183 70.79% 82.55%;
    --ui-color-secondary-400: 183 70.47% 70.78%;
    --ui-color-secondary-500: 183 100.00% 41.37%;
    --ui-color-secondary-600: 183 100.00% 37.25%;
    --ui-color-secondary-700: 183 100.00% 30.98%;
    --ui-color-secondary-800: 183 100.00% 20.78%;
    --ui-color-secondary-900: 183 100.00% 10.39%;
    --ui-color-secondary-950: 183 100.00% 4.12%;
    --ui-color-tertiary-50: 270 100.00% 98.04%;
    --ui-color-tertiary-100: 273 100.00% 96.08%;
    --ui-color-tertiary-200: 273 100.00% 92.16%;
    --ui-color-tertiary-300: 272 100.00% 88.24%;
    --ui-color-tertiary-400: 272 100.00% 80.39%;
    --ui-color-tertiary-500: 273 100.00% 60.59%;
    --ui-color-tertiary-600: 272 78.35% 54.71%;
    --ui-color-tertiary-700: 272 64.66% 45.49%;
    --ui-color-tertiary-800: 273 65.16% 30.39%;
    --ui-color-tertiary-900: 272 64.10% 15.29%;
    --ui-color-tertiary-950: 271 67.74% 6.08%;
    --ui-color-neutral-50: 210 20.00% 98.04%;
    --ui-color-neutral-100: 220 14.29% 95.88%;
    --ui-color-neutral-200: 220 13.04% 90.98%;
    --ui-color-neutral-300: 216 12.20% 83.92%;
    --ui-color-neutral-400: 218 10.61% 64.90%;
    --ui-color-neutral-500: 220 8.94% 46.08%;
    --ui-color-neutral-600: 215 13.79% 34.12%;
    --ui-color-neutral-700: 217 19.12% 26.67%;
    --ui-color-neutral-800: 215 27.91% 16.86%;
    --ui-color-neutral-900: 221 39.29% 10.98%;
    --ui-color-neutral-950: 224 71.43% 4.12%;
    --ui-color-success-50: 138 76.47% 96.67%;
    --ui-color-success-100: 141 84.21% 92.55%;
    --ui-color-success-200: 141 78.95% 85.10%;
    --ui-color-success-300: 142 76.64% 73.14%;
    --ui-color-success-400: 142 69.16% 58.04%;
    --ui-color-success-500: 142 70.56% 45.29%;
    --ui-color-success-600: 142 76.22% 36.27%;
    --ui-color-success-700: 142 71.81% 29.22%;
    --ui-color-success-800: 143 64.23% 24.12%;
    --ui-color-success-900: 144 61.17% 20.20%;
    --ui-color-success-950: 145 80.39% 10.00%;
    --ui-color-info-50: 214 100.00% 96.86%;
    --ui-color-info-100: 214 94.59% 92.75%;
    --ui-color-info-200: 213 96.92% 87.25%;
    --ui-color-info-300: 212 96.36% 78.43%;
    --ui-color-info-400: 213 93.90% 67.84%;
    --ui-color-info-500: 217 91.22% 59.80%;
    --ui-color-info-600: 221 83.19% 53.33%;
    --ui-color-info-700: 224 76.33% 48.04%;
    --ui-color-info-800: 226 70.73% 40.20%;
    --ui-color-info-900: 224 64.29% 32.94%;
    --ui-color-info-950: 226 57.01% 20.98%;
    --ui-color-warning-50: 48 100.00% 96.08%;
    --ui-color-warning-100: 48 96.49% 88.82%;
    --ui-color-warning-200: 48 96.64% 76.67%;
    --ui-color-warning-300: 46 96.69% 64.51%;
    --ui-color-warning-400: 43 96.41% 56.27%;
    --ui-color-warning-500: 38 92.13% 50.20%;
    --ui-color-warning-600: 32 94.62% 43.73%;
    --ui-color-warning-700: 26 90.48% 37.06%;
    --ui-color-warning-800: 23 82.50% 31.37%;
    --ui-color-warning-900: 22 77.78% 26.47%;
    --ui-color-warning-950: 21 91.67% 14.12%;
    --ui-color-error-50: 0 85.71% 97.25%;
    --ui-color-error-100: 0 93.33% 94.12%;
    --ui-color-error-200: 0 96.30% 89.41%;
    --ui-color-error-300: 0 93.55% 81.76%;
    --ui-color-error-400: 0 90.60% 70.78%;
    --ui-color-error-500: 0 84.24% 60.20%;
    --ui-color-error-600: 0 72.22% 50.59%;
    --ui-color-error-700: 0 73.71% 41.76%;
    --ui-color-error-800: 0 70.00% 35.29%;
    --ui-color-error-900: 0 62.82% 30.59%;
    --ui-color-error-950: 0 74.68% 15.49%;
    --ui-primary: 197 66.67% 21.18%;
    --ui-secondary: 183 100.00% 41.37%;
    --ui-tertiary: 273 100.00% 60.59%;
    --ui-success: 142 76.22% 36.27%;
    --ui-info: 217 91.22% 59.80%;
    --ui-warning: 38 92.13% 50.20%;
    --ui-error: 0 84.24% 60.20%;
    --ui-border-primary: 197 67.01% 19.02%;
    --ui-border-secondary: 183 100.00% 37.25%;
    --ui-border-tertiary: 272 78.35% 54.71%;
    --ui-border-success: 142 76.22% 36.27%;
    --ui-border-warning: 32 94.62% 43.73%;
    --ui-border-danger: 0 72.22% 50.59%;
    --ui-border-info: 221 83.19% 53.33%;
    --ui-overlay: 0 0% 0%;
    --ui-focus-ring: 197 18.00% 60.78%;
    --ui-bg: 0 0% 100%;
    --ui-bg-muted: 210 20.00% 98.04%;
    --ui-bg-elevated: 220 14.29% 95.88%;
    --ui-bg-accented: 220 13.04% 90.98%;
    --ui-bg-inverted: 221 39.29% 10.98%;
    --ui-border: 220 13.04% 90.98%;
    --ui-border-muted: 220 13.04% 90.98%;
    --ui-border-accented: 216 12.20% 83.92%;
    --ui-border-inverted: 221 39.29% 10.98%;
    --ui-text-dimmed: 218 10.61% 64.90%;
    --ui-text-muted: 220 8.94% 46.08%;
    --ui-text-toned: 215 13.79% 34.12%;
    --ui-text: 217 19.12% 26.67%;
    --ui-text-highlighted: 221 39.29% 10.98%;
    --ui-text-inverted: 0 0% 100%;
}

:root[data-theme="dark"] {
    --on-primary: 0 0% 15%;
    --on-secondary: 0 0% 100%;
    --on-tertiary: 0 0% 100%;
    --on-success: 0 0% 15%;
    --on-warning: 0 0% 15%;
    --on-danger: 0 0% 100%;
    --on-info: 0 0% 100%;
    --ui-color-primary-50: 183 100.00% 4.12%;
    --ui-color-primary-100: 183 100.00% 10.39%;
    --ui-color-primary-200: 183 100.00% 20.78%;
    --ui-color-primary-300: 183 100.00% 30.98%;
    --ui-color-primary-400: 183 100.00% 37.25%;
    --ui-color-primary-500: 183 100.00% 41.37%;
    --ui-color-primary-600: 183 70.47% 70.78%;
    --ui-color-primary-700: 183 70.79% 82.55%;
    --ui-color-primary-800: 183 70.00% 88.24%;
    --ui-color-primary-900: 183 72.41% 94.31%;
    --ui-color-primary-950: 185 73.33% 97.06%;
    --ui-color-secondary-50: 197 63.64% 2.16%;
    --ui-color-secondary-100: 197 64.29% 5.49%;
    --ui-color-secondary-200: 197 66.67% 10.59%;
    --ui-color-secondary-300: 197 65.85% 16.08%;
    --ui-color-secondary-400: 197 67.01% 19.02%;
    --ui-color-secondary-500: 197 66.67% 21.18%;
    --ui-color-secondary-600: 197 18.00% 60.78%;
    --ui-color-secondary-700: 196 18.33% 76.47%;
    --ui-color-secondary-800: 197 17.50% 84.31%;
    --ui-color-secondary-900: 195 20.00% 92.16%;
    --ui-color-secondary-950: 195 20.00% 96.08%;
    --ui-color-tertiary-50: 271 67.74% 6.08%;
    --ui-color-tertiary-100: 272 64.10% 15.29%;
    --ui-color-tertiary-200: 273 65.16% 30.39%;
    --ui-color-tertiary-300: 272 64.66% 45.49%;
    --ui-color-tertiary-400: 272 78.35% 54.71%;
    --ui-color-tertiary-500: 273 100.00% 60.59%;
    --ui-color-tertiary-600: 272 100.00% 80.39%;
    --ui-color-tertiary-700: 272 100.00% 88.24%;
    --ui-color-tertiary-800: 273 100.00% 92.16%;
    --ui-color-tertiary-900: 273 100.00% 96.08%;
    --ui-color-tertiary-950: 270 100.00% 98.04%;
    --ui-color-neutral-50: 224 71.43% 4.12%;
    --ui-color-neutral-100: 221 39.29% 10.98%;
    --ui-color-neutral-200: 215 27.91% 16.86%;
    --ui-color-neutral-300: 217 19.12% 26.67%;
    --ui-color-neutral-400: 215 13.79% 34.12%;
    --ui-color-neutral-500: 220 8.94% 46.08%;
    --ui-color-neutral-600: 218 10.61% 64.90%;
    --ui-color-neutral-700: 216 12.20% 83.92%;
    --ui-color-neutral-800: 220 13.04% 90.98%;
    --ui-color-neutral-900: 220 14.29% 95.88%;
    --ui-color-neutral-950: 210 20.00% 98.04%;
    --ui-color-success-50: 145 80.39% 10.00%;
    --ui-color-success-100: 144 61.17% 20.20%;
    --ui-color-success-200: 143 64.23% 24.12%;
    --ui-color-success-300: 142 71.81% 29.22%;
    --ui-color-success-400: 142 76.22% 36.27%;
    --ui-color-success-500: 142 70.56% 45.29%;
    --ui-color-success-600: 142 69.16% 58.04%;
    --ui-color-success-700: 142 76.64% 73.14%;
    --ui-color-success-800: 141 78.95% 85.10%;
    --ui-color-success-900: 141 84.21% 92.55%;
    --ui-color-success-950: 138 76.47% 96.67%;
    --ui-color-info-50: 226 57.01% 20.98%;
    --ui-color-info-100: 224 64.29% 32.94%;
    --ui-color-info-200: 226 70.73% 40.20%;
    --ui-color-info-300: 224 76.33% 48.04%;
    --ui-color-info-400: 221 83.19% 53.33%;
    --ui-color-info-500: 217 91.22% 59.80%;
    --ui-color-info-600: 213 93.90% 67.84%;
    --ui-color-info-700: 212 96.36% 78.43%;
    --ui-color-info-800: 213 96.92% 87.25%;
    --ui-color-info-900: 214 94.59% 92.75%;
    --ui-color-info-950: 214 100.00% 96.86%;
    --ui-color-warning-50: 21 91.67% 14.12%;
    --ui-color-warning-100: 22 77.78% 26.47%;
    --ui-color-warning-200: 23 82.50% 31.37%;
    --ui-color-warning-300: 26 90.48% 37.06%;
    --ui-color-warning-400: 32 94.62% 43.73%;
    --ui-color-warning-500: 38 92.13% 50.20%;
    --ui-color-warning-600: 43 96.41% 56.27%;
    --ui-color-warning-700: 46 96.69% 64.51%;
    --ui-color-warning-800: 48 96.64% 76.67%;
    --ui-color-warning-900: 48 96.49% 88.82%;
    --ui-color-warning-950: 48 100.00% 96.08%;
    --ui-color-error-50: 0 74.68% 15.49%;
    --ui-color-error-100: 0 62.82% 30.59%;
    --ui-color-error-200: 0 70.00% 35.29%;
    --ui-color-error-300: 0 73.71% 41.76%;
    --ui-color-error-400: 0 72.22% 50.59%;
    --ui-color-error-500: 0 84.24% 60.20%;
    --ui-color-error-600: 0 90.60% 70.78%;
    --ui-color-error-700: 0 93.55% 81.76%;
    --ui-color-error-800: 0 96.30% 89.41%;
    --ui-color-error-900: 0 93.33% 94.12%;
    --ui-color-error-950: 0 85.71% 97.25%;
    --ui-primary: 183 100.00% 41.37%;
    --ui-secondary: 197 66.67% 21.18%;
    --ui-tertiary: 273 100.00% 60.59%;
    --ui-success: 142 69.16% 58.04%;
    --ui-info: 217 91.22% 59.80%;
    --ui-warning: 38 92.13% 50.20%;
    --ui-error: 0 84.24% 60.20%;
    --ui-border-primary: 183 70.47% 70.78%;
    --ui-border-secondary: 197 18.00% 60.78%;
    --ui-border-tertiary: 272 100.00% 80.39%;
    --ui-border-success: 142 69.16% 58.04%;
    --ui-border-warning: 43 96.41% 56.27%;
    --ui-border-danger: 0 90.60% 70.78%;
    --ui-border-info: 213 93.90% 67.84%;
    --ui-overlay: 0 0% 100%;
    --ui-focus-ring: 183 100.00% 37.25%;
    --ui-bg: 224 71.43% 4.12%;
    --ui-bg-muted: 221 39.29% 10.98%;
    --ui-bg-elevated: 215 27.91% 16.86%;
    --ui-bg-accented: 217 19.12% 26.67%;
    --ui-bg-inverted: 220 14.29% 95.88%;
    --ui-border: 217 19.12% 26.67%;
    --ui-border-muted: 215 27.91% 16.86%;
    --ui-border-accented: 215 13.79% 34.12%;
    --ui-border-inverted: 224 71.43% 4.12%;
    --ui-text-dimmed: 218 10.61% 64.90%;
    --ui-text-muted: 216 12.20% 83.92%;
    --ui-text-toned: 220 13.04% 90.98%;
    --ui-text: 220 14.29% 95.88%;
    --ui-text-highlighted: 210 20.00% 98.04%;
    --ui-text-inverted: 221 39.29% 10.98%;
}

:root[data-theme="light"] .inverted {
    --on-primary: 0 0% 15%;
    --on-secondary: 0 0% 100%;
    --on-tertiary: 0 0% 100%;
    --on-success: 0 0% 15%;
    --on-warning: 0 0% 15%;
    --on-danger: 0 0% 100%;
    --on-info: 0 0% 100%;
    --ui-color-primary-50: 183 100.00% 4.12%;
    --ui-color-primary-100: 183 100.00% 10.39%;
    --ui-color-primary-200: 183 100.00% 20.78%;
    --ui-color-primary-300: 183 100.00% 30.98%;
    --ui-color-primary-400: 183 100.00% 37.25%;
    --ui-color-primary-500: 183 100.00% 41.37%;
    --ui-color-primary-600: 183 70.47% 70.78%;
    --ui-color-primary-700: 183 70.79% 82.55%;
    --ui-color-primary-800: 183 70.00% 88.24%;
    --ui-color-primary-900: 183 72.41% 94.31%;
    --ui-color-primary-950: 185 73.33% 97.06%;
    --ui-color-secondary-50: 197 63.64% 2.16%;
    --ui-color-secondary-100: 197 64.29% 5.49%;
    --ui-color-secondary-200: 197 66.67% 10.59%;
    --ui-color-secondary-300: 197 65.85% 16.08%;
    --ui-color-secondary-400: 197 67.01% 19.02%;
    --ui-color-secondary-500: 197 66.67% 21.18%;
    --ui-color-secondary-600: 197 18.00% 60.78%;
    --ui-color-secondary-700: 196 18.33% 76.47%;
    --ui-color-secondary-800: 197 17.50% 84.31%;
    --ui-color-secondary-900: 195 20.00% 92.16%;
    --ui-color-secondary-950: 195 20.00% 96.08%;
    --ui-color-tertiary-50: 271 67.74% 6.08%;
    --ui-color-tertiary-100: 272 64.10% 15.29%;
    --ui-color-tertiary-200: 273 65.16% 30.39%;
    --ui-color-tertiary-300: 272 64.66% 45.49%;
    --ui-color-tertiary-400: 272 78.35% 54.71%;
    --ui-color-tertiary-500: 273 100.00% 60.59%;
    --ui-color-tertiary-600: 272 100.00% 80.39%;
    --ui-color-tertiary-700: 272 100.00% 88.24%;
    --ui-color-tertiary-800: 273 100.00% 92.16%;
    --ui-color-tertiary-900: 273 100.00% 96.08%;
    --ui-color-tertiary-950: 270 100.00% 98.04%;
    --ui-color-neutral-50: 224 71.43% 4.12%;
    --ui-color-neutral-100: 221 39.29% 10.98%;
    --ui-color-neutral-200: 215 27.91% 16.86%;
    --ui-color-neutral-300: 217 19.12% 26.67%;
    --ui-color-neutral-400: 215 13.79% 34.12%;
    --ui-color-neutral-500: 220 8.94% 46.08%;
    --ui-color-neutral-600: 218 10.61% 64.90%;
    --ui-color-neutral-700: 216 12.20% 83.92%;
    --ui-color-neutral-800: 220 13.04% 90.98%;
    --ui-color-neutral-900: 220 14.29% 95.88%;
    --ui-color-neutral-950: 210 20.00% 98.04%;
    --ui-color-success-50: 145 80.39% 10.00%;
    --ui-color-success-100: 144 61.17% 20.20%;
    --ui-color-success-200: 143 64.23% 24.12%;
    --ui-color-success-300: 142 71.81% 29.22%;
    --ui-color-success-400: 142 76.22% 36.27%;
    --ui-color-success-500: 142 70.56% 45.29%;
    --ui-color-success-600: 142 69.16% 58.04%;
    --ui-color-success-700: 142 76.64% 73.14%;
    --ui-color-success-800: 141 78.95% 85.10%;
    --ui-color-success-900: 141 84.21% 92.55%;
    --ui-color-success-950: 138 76.47% 96.67%;
    --ui-color-info-50: 226 57.01% 20.98%;
    --ui-color-info-100: 224 64.29% 32.94%;
    --ui-color-info-200: 226 70.73% 40.20%;
    --ui-color-info-300: 224 76.33% 48.04%;
    --ui-color-info-400: 221 83.19% 53.33%;
    --ui-color-info-500: 217 91.22% 59.80%;
    --ui-color-info-600: 213 93.90% 67.84%;
    --ui-color-info-700: 212 96.36% 78.43%;
    --ui-color-info-800: 213 96.92% 87.25%;
    --ui-color-info-900: 214 94.59% 92.75%;
    --ui-color-info-950: 214 100.00% 96.86%;
    --ui-color-warning-50: 21 91.67% 14.12%;
    --ui-color-warning-100: 22 77.78% 26.47%;
    --ui-color-warning-200: 23 82.50% 31.37%;
    --ui-color-warning-300: 26 90.48% 37.06%;
    --ui-color-warning-400: 32 94.62% 43.73%;
    --ui-color-warning-500: 38 92.13% 50.20%;
    --ui-color-warning-600: 43 96.41% 56.27%;
    --ui-color-warning-700: 46 96.69% 64.51%;
    --ui-color-warning-800: 48 96.64% 76.67%;
    --ui-color-warning-900: 48 96.49% 88.82%;
    --ui-color-warning-950: 48 100.00% 96.08%;
    --ui-color-error-50: 0 74.68% 15.49%;
    --ui-color-error-100: 0 62.82% 30.59%;
    --ui-color-error-200: 0 70.00% 35.29%;
    --ui-color-error-300: 0 73.71% 41.76%;
    --ui-color-error-400: 0 72.22% 50.59%;
    --ui-color-error-500: 0 84.24% 60.20%;
    --ui-color-error-600: 0 90.60% 70.78%;
    --ui-color-error-700: 0 93.55% 81.76%;
    --ui-color-error-800: 0 96.30% 89.41%;
    --ui-color-error-900: 0 93.33% 94.12%;
    --ui-color-error-950: 0 85.71% 97.25%;
    --ui-primary: 183 100.00% 41.37%;
    --ui-secondary: 197 66.67% 21.18%;
    --ui-tertiary: 273 100.00% 60.59%;
    --ui-success: 142 69.16% 58.04%;
    --ui-info: 217 91.22% 59.80%;
    --ui-warning: 38 92.13% 50.20%;
    --ui-error: 0 84.24% 60.20%;
    --ui-border-primary: 183 70.47% 70.78%;
    --ui-border-secondary: 197 18.00% 60.78%;
    --ui-border-tertiary: 272 100.00% 80.39%;
    --ui-border-success: 142 69.16% 58.04%;
    --ui-border-warning: 43 96.41% 56.27%;
    --ui-border-danger: 0 90.60% 70.78%;
    --ui-border-info: 213 93.90% 67.84%;
    --ui-overlay: 0 0% 100%;
    --ui-focus-ring: 183 100.00% 37.25%;
    --ui-bg: 224 71.43% 4.12%;
    --ui-bg-muted: 221 39.29% 10.98%;
    --ui-bg-elevated: 215 27.91% 16.86%;
    --ui-bg-accented: 217 19.12% 26.67%;
    --ui-bg-inverted: 220 14.29% 95.88%;
    --ui-border: 217 19.12% 26.67%;
    --ui-border-muted: 215 27.91% 16.86%;
    --ui-border-accented: 215 13.79% 34.12%;
    --ui-border-inverted: 224 71.43% 4.12%;
    --ui-text-dimmed: 218 10.61% 64.90%;
    --ui-text-muted: 216 12.20% 83.92%;
    --ui-text-toned: 220 13.04% 90.98%;
    --ui-text: 220 14.29% 95.88%;
    --ui-text-highlighted: 210 20.00% 98.04%;
    --ui-text-inverted: 221 39.29% 10.98%;
}

:root[data-theme="dark"] .inverted {
    --on-primary: 0 0% 100%;
    --on-secondary: 0 0% 15%;
    --on-tertiary: 0 0% 100%;
    --on-success: 0 0% 15%;
    --on-warning: 0 0% 15%;
    --on-danger: 0 0% 100%;
    --on-info: 0 0% 100%;
    --ui-color-primary-50: 195 20.00% 96.08%;
    --ui-color-primary-100: 195 20.00% 92.16%;
    --ui-color-primary-200: 197 17.50% 84.31%;
    --ui-color-primary-300: 196 18.33% 76.47%;
    --ui-color-primary-400: 197 18.00% 60.78%;
    --ui-color-primary-500: 197 66.67% 21.18%;
    --ui-color-primary-600: 197 67.01% 19.02%;
    --ui-color-primary-700: 197 65.85% 16.08%;
    --ui-color-primary-800: 197 66.67% 10.59%;
    --ui-color-primary-900: 197 64.29% 5.49%;
    --ui-color-primary-950: 197 63.64% 2.16%;
    --ui-color-secondary-50: 185 73.33% 97.06%;
    --ui-color-secondary-100: 183 72.41% 94.31%;
    --ui-color-secondary-200: 183 70.00% 88.24%;
    --ui-color-secondary-300: 183 70.79% 82.55%;
    --ui-color-secondary-400: 183 70.47% 70.78%;
    --ui-color-secondary-500: 183 100.00% 41.37%;
    --ui-color-secondary-600: 183 100.00% 37.25%;
    --ui-color-secondary-700: 183 100.00% 30.98%;
    --ui-color-secondary-800: 183 100.00% 20.78%;
    --ui-color-secondary-900: 183 100.00% 10.39%;
    --ui-color-secondary-950: 183 100.00% 4.12%;
    --ui-color-tertiary-50: 270 100.00% 98.04%;
    --ui-color-tertiary-100: 273 100.00% 96.08%;
    --ui-color-tertiary-200: 273 100.00% 92.16%;
    --ui-color-tertiary-300: 272 100.00% 88.24%;
    --ui-color-tertiary-400: 272 100.00% 80.39%;
    --ui-color-tertiary-500: 273 100.00% 60.59%;
    --ui-color-tertiary-600: 272 78.35% 54.71%;
    --ui-color-tertiary-700: 272 64.66% 45.49%;
    --ui-color-tertiary-800: 273 65.16% 30.39%;
    --ui-color-tertiary-900: 272 64.10% 15.29%;
    --ui-color-tertiary-950: 271 67.74% 6.08%;
    --ui-color-neutral-50: 210 20.00% 98.04%;
    --ui-color-neutral-100: 220 14.29% 95.88%;
    --ui-color-neutral-200: 220 13.04% 90.98%;
    --ui-color-neutral-300: 216 12.20% 83.92%;
    --ui-color-neutral-400: 218 10.61% 64.90%;
    --ui-color-neutral-500: 220 8.94% 46.08%;
    --ui-color-neutral-600: 215 13.79% 34.12%;
    --ui-color-neutral-700: 217 19.12% 26.67%;
    --ui-color-neutral-800: 215 27.91% 16.86%;
    --ui-color-neutral-900: 221 39.29% 10.98%;
    --ui-color-neutral-950: 224 71.43% 4.12%;
    --ui-color-success-50: 138 76.47% 96.67%;
    --ui-color-success-100: 141 84.21% 92.55%;
    --ui-color-success-200: 141 78.95% 85.10%;
    --ui-color-success-300: 142 76.64% 73.14%;
    --ui-color-success-400: 142 69.16% 58.04%;
    --ui-color-success-500: 142 70.56% 45.29%;
    --ui-color-success-600: 142 76.22% 36.27%;
    --ui-color-success-700: 142 71.81% 29.22%;
    --ui-color-success-800: 143 64.23% 24.12%;
    --ui-color-success-900: 144 61.17% 20.20%;
    --ui-color-success-950: 145 80.39% 10.00%;
    --ui-color-info-50: 214 100.00% 96.86%;
    --ui-color-info-100: 214 94.59% 92.75%;
    --ui-color-info-200: 213 96.92% 87.25%;
    --ui-color-info-300: 212 96.36% 78.43%;
    --ui-color-info-400: 213 93.90% 67.84%;
    --ui-color-info-500: 217 91.22% 59.80%;
    --ui-color-info-600: 221 83.19% 53.33%;
    --ui-color-info-700: 224 76.33% 48.04%;
    --ui-color-info-800: 226 70.73% 40.20%;
    --ui-color-info-900: 224 64.29% 32.94%;
    --ui-color-info-950: 226 57.01% 20.98%;
    --ui-color-warning-50: 48 100.00% 96.08%;
    --ui-color-warning-100: 48 96.49% 88.82%;
    --ui-color-warning-200: 48 96.64% 76.67%;
    --ui-color-warning-300: 46 96.69% 64.51%;
    --ui-color-warning-400: 43 96.41% 56.27%;
    --ui-color-warning-500: 38 92.13% 50.20%;
    --ui-color-warning-600: 32 94.62% 43.73%;
    --ui-color-warning-700: 26 90.48% 37.06%;
    --ui-color-warning-800: 23 82.50% 31.37%;
    --ui-color-warning-900: 22 77.78% 26.47%;
    --ui-color-warning-950: 21 91.67% 14.12%;
    --ui-color-error-50: 0 85.71% 97.25%;
    --ui-color-error-100: 0 93.33% 94.12%;
    --ui-color-error-200: 0 96.30% 89.41%;
    --ui-color-error-300: 0 93.55% 81.76%;
    --ui-color-error-400: 0 90.60% 70.78%;
    --ui-color-error-500: 0 84.24% 60.20%;
    --ui-color-error-600: 0 72.22% 50.59%;
    --ui-color-error-700: 0 73.71% 41.76%;
    --ui-color-error-800: 0 70.00% 35.29%;
    --ui-color-error-900: 0 62.82% 30.59%;
    --ui-color-error-950: 0 74.68% 15.49%;
    --ui-primary: 197 66.67% 21.18%;
    --ui-secondary: 183 100.00% 41.37%;
    --ui-tertiary: 273 100.00% 60.59%;
    --ui-success: 142 76.22% 36.27%;
    --ui-info: 217 91.22% 59.80%;
    --ui-warning: 38 92.13% 50.20%;
    --ui-error: 0 84.24% 60.20%;
    --ui-border-primary: 197 67.01% 19.02%;
    --ui-border-secondary: 183 100.00% 37.25%;
    --ui-border-tertiary: 272 78.35% 54.71%;
    --ui-border-success: 142 76.22% 36.27%;
    --ui-border-warning: 32 94.62% 43.73%;
    --ui-border-danger: 0 72.22% 50.59%;
    --ui-border-info: 221 83.19% 53.33%;
    --ui-overlay: 0 0% 0%;
    --ui-focus-ring: 197 18.00% 60.78%;
    --ui-bg: 0 0% 100%;
    --ui-bg-muted: 210 20.00% 98.04%;
    --ui-bg-elevated: 220 14.29% 95.88%;
    --ui-bg-accented: 220 13.04% 90.98%;
    --ui-bg-inverted: 221 39.29% 10.98%;
    --ui-border: 220 13.04% 90.98%;
    --ui-border-muted: 220 13.04% 90.98%;
    --ui-border-accented: 216 12.20% 83.92%;
    --ui-border-inverted: 221 39.29% 10.98%;
    --ui-text-dimmed: 218 10.61% 64.90%;
    --ui-text-muted: 220 8.94% 46.08%;
    --ui-text-toned: 215 13.79% 34.12%;
    --ui-text: 217 19.12% 26.67%;
    --ui-text-highlighted: 221 39.29% 10.98%;
    --ui-text-inverted: 0 0% 100%;
}