@layer theme {
  :root, :host {
  --ui-color-primary-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
  --ui-color-primary-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
  --ui-color-primary-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
  --ui-color-primary-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
  --ui-color-primary-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
  --ui-color-primary-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
  --ui-color-primary-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
  --ui-color-primary-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
  --ui-color-primary-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
  --ui-color-primary-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
  --ui-color-primary-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
  --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604));
  --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
  --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
  --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
  --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
  --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
  --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
  --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
  --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
  --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
  --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
  --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
  --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
  --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
  --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
  --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
  --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
  --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
  --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
  --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
  --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604));
  --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
  --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
  --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
  --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
  --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
  --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
  --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
  --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
  --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
  --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
  --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
  --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
  --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
  --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
  --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
  --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
  --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
  --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
  --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
  --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38));
  --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717));
  --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334));
  --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571));
  --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216));
  --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331));
  --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325));
  --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518));
  --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899));
  --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723));
  --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042));
  --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858));
  --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896));
  --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508));
  --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894));
  --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788));
  --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417));
  --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287));
  --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031));
  --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755));
  --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695));
  --ui-color-red-50: var(--color-red-50, oklch(97.1% 0.013 17.38));
  --ui-color-red-100: var(--color-red-100, oklch(93.6% 0.032 17.717));
  --ui-color-red-200: var(--color-red-200, oklch(88.5% 0.062 18.334));
  --ui-color-red-300: var(--color-red-300, oklch(80.8% 0.114 19.571));
  --ui-color-red-400: var(--color-red-400, oklch(70.4% 0.191 22.216));
  --ui-color-red-500: var(--color-red-500, oklch(63.7% 0.237 25.331));
  --ui-color-red-600: var(--color-red-600, oklch(57.7% 0.245 27.325));
  --ui-color-red-700: var(--color-red-700, oklch(50.5% 0.213 27.518));
  --ui-color-red-800: var(--color-red-800, oklch(44.4% 0.177 26.899));
  --ui-color-red-900: var(--color-red-900, oklch(39.6% 0.141 25.723));
  --ui-color-red-950: var(--color-red-950, oklch(25.8% 0.092 26.042));
  --ui-color-orange-50: var(--color-orange-50, oklch(98% 0.016 73.684));
  --ui-color-orange-100: var(--color-orange-100, oklch(95.4% 0.038 75.164));
  --ui-color-orange-200: var(--color-orange-200, oklch(90.1% 0.076 70.697));
  --ui-color-orange-300: var(--color-orange-300, oklch(83.7% 0.128 66.29));
  --ui-color-orange-400: var(--color-orange-400, oklch(75% 0.183 55.934));
  --ui-color-orange-500: var(--color-orange-500, oklch(70.5% 0.213 47.604));
  --ui-color-orange-600: var(--color-orange-600, oklch(64.6% 0.222 41.116));
  --ui-color-orange-700: var(--color-orange-700, oklch(55.3% 0.195 38.402));
  --ui-color-orange-800: var(--color-orange-800, oklch(47% 0.157 37.304));
  --ui-color-orange-900: var(--color-orange-900, oklch(40.8% 0.123 38.172));
  --ui-color-orange-950: var(--color-orange-950, oklch(26.6% 0.079 36.259));
  --ui-color-amber-50: var(--color-amber-50, oklch(98.7% 0.022 95.277));
  --ui-color-amber-100: var(--color-amber-100, oklch(96.2% 0.059 95.617));
  --ui-color-amber-200: var(--color-amber-200, oklch(92.4% 0.12 95.746));
  --ui-color-amber-300: var(--color-amber-300, oklch(87.9% 0.169 91.605));
  --ui-color-amber-400: var(--color-amber-400, oklch(82.8% 0.189 84.429));
  --ui-color-amber-500: var(--color-amber-500, oklch(76.9% 0.188 70.08));
  --ui-color-amber-600: var(--color-amber-600, oklch(66.6% 0.179 58.318));
  --ui-color-amber-700: var(--color-amber-700, oklch(55.5% 0.163 48.998));
  --ui-color-amber-800: var(--color-amber-800, oklch(47.3% 0.137 46.201));
  --ui-color-amber-900: var(--color-amber-900, oklch(41.4% 0.112 45.904));
  --ui-color-amber-950: var(--color-amber-950, oklch(27.9% 0.077 45.635));
  --ui-color-yellow-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
  --ui-color-yellow-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
  --ui-color-yellow-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
  --ui-color-yellow-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
  --ui-color-yellow-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
  --ui-color-yellow-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
  --ui-color-yellow-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
  --ui-color-yellow-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
  --ui-color-yellow-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
  --ui-color-yellow-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
  --ui-color-yellow-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
  --ui-color-green-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
  --ui-color-green-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
  --ui-color-green-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
  --ui-color-green-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
  --ui-color-green-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
  --ui-color-green-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
  --ui-color-green-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
  --ui-color-green-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
  --ui-color-green-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
  --ui-color-green-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
  --ui-color-green-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
  --ui-color-teal-50: var(--color-teal-50, oklch(98.4% 0.014 180.72));
  --ui-color-teal-100: var(--color-teal-100, oklch(95.3% 0.051 180.801));
  --ui-color-teal-200: var(--color-teal-200, oklch(91% 0.096 180.426));
  --ui-color-teal-300: var(--color-teal-300, oklch(85.5% 0.138 181.071));
  --ui-color-teal-400: var(--color-teal-400, oklch(77.7% 0.152 181.912));
  --ui-color-teal-500: var(--color-teal-500, oklch(70.4% 0.14 182.503));
  --ui-color-teal-600: var(--color-teal-600, oklch(60% 0.118 184.704));
  --ui-color-teal-700: var(--color-teal-700, oklch(51.1% 0.096 186.391));
  --ui-color-teal-800: var(--color-teal-800, oklch(43.7% 0.078 188.216));
  --ui-color-teal-900: var(--color-teal-900, oklch(38.6% 0.063 188.416));
  --ui-color-teal-950: var(--color-teal-950, oklch(27.7% 0.046 192.524));
  --ui-color-cyan-50: var(--color-cyan-50, oklch(98.4% 0.019 200.873));
  --ui-color-cyan-100: var(--color-cyan-100, oklch(95.6% 0.045 203.388));
  --ui-color-cyan-200: var(--color-cyan-200, oklch(91.7% 0.08 205.041));
  --ui-color-cyan-300: var(--color-cyan-300, oklch(86.5% 0.127 207.078));
  --ui-color-cyan-400: var(--color-cyan-400, oklch(78.9% 0.154 211.53));
  --ui-color-cyan-500: var(--color-cyan-500, oklch(71.5% 0.143 215.221));
  --ui-color-cyan-600: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
  --ui-color-cyan-700: var(--color-cyan-700, oklch(52% 0.105 223.128));
  --ui-color-cyan-800: var(--color-cyan-800, oklch(45% 0.085 224.283));
  --ui-color-cyan-900: var(--color-cyan-900, oklch(39.8% 0.07 227.392));
  --ui-color-cyan-950: var(--color-cyan-950, oklch(30.2% 0.056 229.695));
  --ui-color-blue-50: var(--color-blue-50, oklch(97% 0.014 254.604));
  --ui-color-blue-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
  --ui-color-blue-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
  --ui-color-blue-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
  --ui-color-blue-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  --ui-color-blue-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
  --ui-color-blue-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
  --ui-color-blue-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
  --ui-color-blue-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  --ui-color-blue-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
  --ui-color-blue-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
  --ui-color-indigo-50: var(--color-indigo-50, oklch(96.2% 0.018 272.314));
  --ui-color-indigo-100: var(--color-indigo-100, oklch(93% 0.034 272.788));
  --ui-color-indigo-200: var(--color-indigo-200, oklch(87% 0.065 274.039));
  --ui-color-indigo-300: var(--color-indigo-300, oklch(78.5% 0.115 274.713));
  --ui-color-indigo-400: var(--color-indigo-400, oklch(67.3% 0.182 276.935));
  --ui-color-indigo-500: var(--color-indigo-500, oklch(58.5% 0.233 277.117));
  --ui-color-indigo-600: var(--color-indigo-600, oklch(51.1% 0.262 276.966));
  --ui-color-indigo-700: var(--color-indigo-700, oklch(45.7% 0.24 277.023));
  --ui-color-indigo-800: var(--color-indigo-800, oklch(39.8% 0.195 277.366));
  --ui-color-indigo-900: var(--color-indigo-900, oklch(35.9% 0.144 278.697));
  --ui-color-indigo-950: var(--color-indigo-950, oklch(25.7% 0.09 281.288));
  --ui-color-purple-50: var(--color-purple-50, oklch(97.7% 0.014 308.299));
  --ui-color-purple-100: var(--color-purple-100, oklch(94.6% 0.033 307.174));
  --ui-color-purple-200: var(--color-purple-200, oklch(90.2% 0.063 306.703));
  --ui-color-purple-300: var(--color-purple-300, oklch(82.7% 0.119 306.383));
  --ui-color-purple-400: var(--color-purple-400, oklch(71.4% 0.203 305.504));
  --ui-color-purple-500: var(--color-purple-500, oklch(62.7% 0.265 303.9));
  --ui-color-purple-600: var(--color-purple-600, oklch(55.8% 0.288 302.321));
  --ui-color-purple-700: var(--color-purple-700, oklch(49.6% 0.265 301.924));
  --ui-color-purple-800: var(--color-purple-800, oklch(43.8% 0.218 303.724));
  --ui-color-purple-900: var(--color-purple-900, oklch(38.1% 0.176 304.987));
  --ui-color-purple-950: var(--color-purple-950, oklch(29.1% 0.149 302.717));
  }
  :root, :host, .light {
  --ui-primary: var(--ui-color-primary-500);
  --ui-secondary: var(--ui-color-secondary-500);
  --ui-success: var(--ui-color-success-500);
  --ui-info: var(--ui-color-info-500);
  --ui-warning: var(--ui-color-warning-500);
  --ui-error: var(--ui-color-error-500);
  --ui-red: var(--ui-color-red-500);
  --ui-orange: var(--ui-color-orange-500);
  --ui-amber: var(--ui-color-amber-500);
  --ui-yellow: var(--ui-color-yellow-500);
  --ui-green: var(--ui-color-green-500);
  --ui-teal: var(--ui-color-teal-500);
  --ui-cyan: var(--ui-color-cyan-500);
  --ui-blue: var(--ui-color-blue-500);
  --ui-indigo: var(--ui-color-indigo-500);
  --ui-purple: var(--ui-color-purple-500);
  }
  .dark {
  --ui-primary: var(--ui-color-primary-400);
  --ui-secondary: var(--ui-color-secondary-400);
  --ui-success: var(--ui-color-success-400);
  --ui-info: var(--ui-color-info-400);
  --ui-warning: var(--ui-color-warning-400);
  --ui-error: var(--ui-color-error-400);
  --ui-red: var(--ui-color-red-400);
  --ui-orange: var(--ui-color-orange-400);
  --ui-amber: var(--ui-color-amber-400);
  --ui-yellow: var(--ui-color-yellow-400);
  --ui-green: var(--ui-color-green-400);
  --ui-teal: var(--ui-color-teal-400);
  --ui-cyan: var(--ui-color-cyan-400);
  --ui-blue: var(--ui-color-blue-400);
  --ui-indigo: var(--ui-color-indigo-400);
  --ui-purple: var(--ui-color-purple-400);
  }
}