
    :root {
      --color-brand-50: oklch(0.9346 0.0981 189.28);
--brand-50: 175 100% 80%;
--color-brand-100: oklch(0.9095 0.104 184.95);
--brand-100: 172 89% 76%;
--color-brand-200: oklch(0.8343 0.1044 184.62);
--brand-200: 172 63% 66%;
--color-brand-300: oklch(0.7549 0.1043 184.96);
--brand-300: 173 49% 55%;
--color-brand-400: oklch(0.6772 0.1037 185.24);
--brand-400: 174 52% 45%;
--color-brand-500: oklch(0.6002 0.1038 184.7);
--brand-500: 175 84% 32%;
--color-brand-600: oklch(0.5268 0.0933 184.11);
--brand-600: 175 100% 24%;
--color-brand-700: oklch(0.4551 0.081 183.18);
--brand-700: 174 100% 20%;
--color-brand-800: oklch(0.3836 0.0687 181.94);
--brand-800: 173 100% 15%;
--color-brand-900: oklch(0.3122 0.0566 180.17);
--brand-900: 172 100% 11%;
--color-brand: oklch(0.6002 0.1038 184.7);
--brand: 175 84% 32%;
--color-brand-secondary-50: oklch(0.9534 0.07 196.04);
--brand-secondary-50: 180 100% 86%;
--color-brand-secondary-100: oklch(0.9461 0.082 195.85);
--brand-secondary-100: 180 100% 83%;
--color-brand-secondary-200: oklch(0.9332 0.1038 195.52);
--brand-secondary-200: 180 100% 78%;
--color-brand-secondary-300: oklch(0.9186 0.1245 187.06);
--brand-secondary-300: 175 100% 72%;
--color-brand-secondary-400: oklch(0.8623 0.1332 181.86);
--brand-secondary-400: 172 82% 63%;
--color-brand-secondary-500: oklch(0.7845 0.1325 181.91);
--brand-secondary-500: 172 66% 50%;
--color-brand-secondary-600: oklch(0.7105 0.1276 181.6);
--brand-secondary-600: 174 100% 37%;
--color-brand-secondary-700: oklch(0.6384 0.1154 180.55);
--brand-secondary-700: 173 100% 32%;
--color-brand-secondary-800: oklch(0.5672 0.1034 179.28);
--brand-secondary-800: 172 100% 27%;
--color-brand-secondary-900: oklch(0.4941 0.0906 178.49);
--brand-secondary-900: 172 100% 22%;
--color-brand-secondary: oklch(0.7845 0.1325 181.91);
--brand-secondary: 172 66% 50%;
--color-error-50: oklch(0.8067 0.1125 10.9);
--error-50: 352 100% 82%;
--color-error-100: oklch(0.7811 0.1305 11.64);
--error-100: 352 100% 79%;
--color-error-200: oklch(0.7368 0.1634 14.11);
--error-200: 352 100% 74%;
--color-error-300: oklch(0.6975 0.1953 16.1);
--error-300: 352 100% 68%;
--color-error-400: oklch(0.6632 0.2229 17.96);
--error-400: 351 99% 63%;
--color-error-500: oklch(0.5858 0.222 17.58);
--error-500: 347 77% 50%;
--color-error-600: oklch(0.5193 0.2083 19.28);
--error-600: 344 100% 38%;
--color-error-700: oklch(0.4617 0.1863 22.72);
--error-700: 348 100% 33%;
--color-error-800: oklch(0.4008 0.1629 25.99);
--error-800: 354 100% 27%;
--color-error-900: oklch(0.3423 0.1405 29.23);
--error-900: 0 100% 22%;
--color-error: oklch(0.5858 0.222 17.58);
--error: 347 77% 50%;
--color-neutral-50: oklch(0.7948 0.0257 257.66);
--neutral-50: 216 21% 75%;
--color-neutral-100: oklch(0.7568 0.0261 257.66);
--neutral-100: 216 18% 70%;
--color-neutral-200: oklch(0.6791 0.0255 256.14);
--neutral-200: 215 13% 61%;
--color-neutral-300: oklch(0.6005 0.0271 259.81);
--neutral-300: 217 11% 52%;
--color-neutral-400: oklch(0.5243 0.0253 256.79);
--neutral-400: 215 11% 43%;
--color-neutral-500: oklch(0.4461 0.0263 256.8);
--neutral-500: 215 14% 34%;
--color-neutral-600: oklch(0.3678 0.0261 255.09);
--neutral-600: 214 18% 26%;
--color-neutral-700: oklch(0.2897 0.0277 255.17);
--neutral-700: 214 25% 18%;
--color-neutral-800: oklch(0.2138 0.0263 251.43);
--neutral-800: 211 40% 10%;
--color-neutral-900: oklch(0.0844 0.0585 264.05);
--neutral-900: 240 100% 4%;
--color-neutral: oklch(0.4461 0.0263 256.8);
--neutral: 215 14% 34%;
--color-input-50: oklch(0.9001 0.0232 266.9);
--input-50: 222 40% 89%;
--color-input-100: oklch(0.8622 0.0225 263.18);
--input-100: 219 28% 84%;
--color-input-200: oklch(0.7842 0.0231 263.17);
--input-200: 219 17% 74%;
--color-input-300: oklch(0.705 0.0233 265.7);
--input-300: 221 12% 64%;
--color-input-400: oklch(0.629 0.0226 264.4);
--input-400: 220 9% 55%;
--color-input-500: oklch(0.551 0.0234 264.36);
--input-500: 220 9% 46%;
--color-input-600: oklch(0.4734 0.0228 262.9);
--input-600: 219 11% 37%;
--color-input-700: oklch(0.3967 0.0239 262.84);
--input-700: 219 14% 29%;
--color-input-800: oklch(0.3196 0.0236 261.18);
--input-800: 218 18% 21%;
--color-input-900: oklch(0.2418 0.0235 259.32);
--input-900: 217 26% 13%;
--color-input: oklch(0.551 0.0234 264.36);
--input: 220 9% 46%;
--color-input-secondary-50: oklch(1 0 0);
--input-secondary-50: 0 0% 100%;
--color-input-secondary-100: oklch(1 0 0);
--input-secondary-100: 0 0% 100%;
--color-input-secondary-200: oklch(0.9469 0.0195 260.17);
--input-secondary-200: 217 72% 94%;
--color-input-secondary-300: oklch(0.8685 0.0195 263);
--input-secondary-300: 219 25% 84%;
--color-input-secondary-400: oklch(0.7906 0.02 262.99);
--input-secondary-400: 219 15% 75%;
--color-input-secondary-500: oklch(0.7137 0.0192 261.32);
--input-secondary-500: 218 11% 65%;
--color-input-secondary-600: oklch(0.6349 0.0198 261.32);
--input-secondary-600: 218 8% 55%;
--color-input-secondary-700: oklch(0.558 0.0199 264.4);
--input-secondary-700: 220 8% 47%;
--color-input-secondary-800: oklch(0.4806 0.0192 262.68);
--input-secondary-800: 219 9% 38%;
--color-input-secondary-900: oklch(0.4037 0.0186 260.69);
--input-secondary-900: 218 11% 29%;
--color-input-secondary: oklch(0.7137 0.0192 261.32);
--input-secondary: 218 11% 65%;
--color-background-secondary-50: oklch(1 0 0);
--background-secondary-50: 0 0% 100%;
--color-background-secondary-100: oklch(1 0 0);
--background-secondary-100: 0 0% 100%;
--color-background-secondary-200: oklch(1 0 0);
--background-secondary-200: 0 0% 100%;
--color-background-secondary-300: oklch(1 0 0);
--background-secondary-300: 0 0% 100%;
--color-background-secondary-400: oklch(1 0 0);
--background-secondary-400: 0 0% 100%;
--color-background-secondary-500: oklch(0.9836 0.0142 180.72);
--background-secondary-500: 166 76% 97%;
--color-background-secondary-600: oklch(0.9052 0.0145 180.68);
--background-secondary-600: 166 19% 86%;
--color-background-secondary-700: oklch(0.8281 0.0148 180.62);
--background-secondary-700: 166 11% 77%;
--color-background-secondary-800: oklch(0.7501 0.0141 179.32);
--background-secondary-800: 165 7% 67%;
--color-background-secondary-900: oklch(0.6724 0.0144 179.24);
--background-secondary-900: 165 6% 58%;
--color-background-secondary: oklch(0.9836 0.0142 180.72);
--background-secondary: 166 76% 97%;
--color-ring-50: oklch(0.9346 0.0981 189.28);
--ring-50: 175 100% 80%;
--color-ring-100: oklch(0.9095 0.104 184.95);
--ring-100: 172 89% 76%;
--color-ring-200: oklch(0.8343 0.1044 184.62);
--ring-200: 172 63% 66%;
--color-ring-300: oklch(0.7549 0.1043 184.96);
--ring-300: 173 49% 55%;
--color-ring-400: oklch(0.6772 0.1037 185.24);
--ring-400: 174 52% 45%;
--color-ring-500: oklch(0.6002 0.1038 184.7);
--ring-500: 175 84% 32%;
--color-ring-600: oklch(0.5268 0.0933 184.11);
--ring-600: 175 100% 24%;
--color-ring-700: oklch(0.4551 0.081 183.18);
--ring-700: 174 100% 20%;
--color-ring-800: oklch(0.3836 0.0687 181.94);
--ring-800: 173 100% 15%;
--color-ring-900: oklch(0.3122 0.0566 180.17);
--ring-900: 172 100% 11%;
--color-ring: oklch(0.6002 0.1038 184.7);
--ring: 175 84% 32%;
--color-input-foreground-50: oklch(0.6277 0.0282 261.11);
--input-foreground-50: 218 12% 55%;
--color-input-foreground-100: oklch(0.5873 0.0287 261.1);
--input-foreground-100: 218 11% 50%;
--color-input-foreground-200: oklch(0.5111 0.0283 259.79);
--input-foreground-200: 217 12% 42%;
--color-input-foreground-300: oklch(0.4324 0.0295 259.77);
--input-foreground-300: 217 15% 33%;
--color-input-foreground-400: oklch(0.3568 0.0278 256.82);
--input-foreground-400: 215 19% 25%;
--color-input-foreground-500: oklch(0.2781 0.0296 256.85);
--input-foreground-500: 215 28% 17%;
--color-input-foreground-600: oklch(0.2013 0.0308 253.33);
--input-foreground-600: 213 50% 9%;
--color-input-foreground-700: oklch(0.0803 0.0556 264.05);
--input-foreground-700: 240 100% 3%;
--color-input-foreground-800: oklch(0 0 0);
--input-foreground-800: 0 0% 0%;
--color-input-foreground-900: oklch(0 0 0);
--input-foreground-900: 0 0% 0%;
--color-input-foreground: oklch(0.2781 0.0296 256.85);
--input-foreground: 215 28% 17%;
--color-input-secondary-foreground-50: oklch(0.7226 0.0303 261.45);
--input-secondary-foreground-50: 218 18% 67%;
--color-input-secondary-foreground-100: oklch(0.6834 0.0294 260.3);
--input-secondary-foreground-100: 217 15% 62%;
--color-input-secondary-foreground-200: oklch(0.6046 0.0298 262.27);
--input-secondary-foreground-200: 219 12% 53%;
--color-input-secondary-foreground-300: oklch(0.529 0.0294 261.08);
--input-secondary-foreground-300: 218 12% 44%;
--color-input-secondary-foreground-400: oklch(0.451 0.0307 261.03);
--input-secondary-foreground-400: 218 15% 35%;
--color-input-secondary-foreground-500: oklch(0.3729 0.0306 259.73);
--input-secondary-foreground-500: 217 19% 27%;
--color-input-secondary-foreground-600: oklch(0.2947 0.0308 258.33);
--input-secondary-foreground-600: 216 26% 19%;
--color-input-secondary-foreground-700: oklch(0.2191 0.0319 254.89);
--input-secondary-foreground-700: 214 44% 11%;
--color-input-secondary-foreground-800: oklch(0.1059 0.0552 263.31);
--input-secondary-foreground-800: 235 100% 5%;
--color-input-secondary-foreground-900: oklch(0 0 0);
--input-secondary-foreground-900: 0 0% 0%;
--color-input-secondary-foreground: oklch(0.3729 0.0306 259.73);
--input-secondary-foreground: 217 19% 27%;
--radius: 0.5rem;
--button-radius: 0.5rem;
--custom-font: "Poppins";
--font-header: "Poppins";
--color-avatar-background-50: oklch(1 0 0);
--avatar-background-50: 0 0% 100%;
--color-avatar-background-100: oklch(1 0 0);
--avatar-background-100: 0 0% 100%;
--color-avatar-background-200: oklch(0.9826 0.025 196.75);
--avatar-background-200: 180 100% 95%;
--color-avatar-background-300: oklch(0.9657 0.0506 196.34);
--avatar-background-300: 180 100% 90%;
--color-avatar-background-400: oklch(0.9504 0.0744 194.93);
--avatar-background-400: 179 100% 85%;
--color-avatar-background-500: oklch(0.91 0.0927 180.43);
--avatar-background-500: 168 84% 78%;
--color-avatar-background-600: oklch(0.8323 0.092 180.72);
--avatar-background-600: 169 57% 68%;
--color-avatar-background-700: oklch(0.755 0.0928 180.32);
--avatar-background-700: 169 44% 58%;
--color-avatar-background-800: oklch(0.6771 0.0919 180.5);
--avatar-background-800: 170 38% 48%;
--color-avatar-background-900: oklch(0.6001 0.0915 180.74);
--avatar-background-900: 171 49% 38%;
--color-avatar-background: oklch(0.91 0.0927 180.43);
--avatar-background: 168 84% 78%;
--redirect-url: "test.com";
--color-redirect-label-50: oklch(0.9842 0.0034 247.86);
--redirect-label-50: 210 40% 98%;
--color-redirect-label-100: oklch(0.9683 0.0069 247.9);
--redirect-label-100: 210 40% 96%;
--color-redirect-label-200: oklch(0.9288 0.0126 255.51);
--redirect-label-200: 214 32% 91%;
--color-redirect-label-300: oklch(0.869 0.0198 252.89);
--redirect-label-300: 213 27% 84%;
--color-redirect-label-400: oklch(0.7107 0.0351 256.79);
--redirect-label-400: 215 20% 65%;
--color-redirect-label-500: oklch(0.5544 0.0407 257.42);
--redirect-label-500: 215 16% 47%;
--color-redirect-label-600: oklch(0.4455 0.0374 257.28);
--redirect-label-600: 215 19% 35%;
--color-redirect-label-700: oklch(0.3717 0.0392 257.29);
--redirect-label-700: 215 25% 27%;
--color-redirect-label-800: oklch(0.2795 0.0368 260.03);
--redirect-label-800: 217 33% 17%;
--color-redirect-label-900: oklch(0.2077 0.0398 265.75);
--redirect-label-900: 222 47% 11%;
--color-redirect-label-950: oklch(0.1288 0.0406 264.7);
--redirect-label-950: 229 84% 5%;
--color-redirect-label: oklch(0.9842 0.0034 247.86);
--redirect-label: 210 40% 98%;
--color-logo-50: oklch(0.9842 0.0034 247.86);
--logo-50: 210 40% 98%;
--color-logo-100: oklch(0.9683 0.0069 247.9);
--logo-100: 210 40% 96%;
--color-logo-200: oklch(0.9288 0.0126 255.51);
--logo-200: 214 32% 91%;
--color-logo-300: oklch(0.869 0.0198 252.89);
--logo-300: 213 27% 84%;
--color-logo-400: oklch(0.7107 0.0351 256.79);
--logo-400: 215 20% 65%;
--color-logo-500: oklch(0.5544 0.0407 257.42);
--logo-500: 215 16% 47%;
--color-logo-600: oklch(0.4455 0.0374 257.28);
--logo-600: 215 19% 35%;
--color-logo-700: oklch(0.3717 0.0392 257.29);
--logo-700: 215 25% 27%;
--color-logo-800: oklch(0.2795 0.0368 260.03);
--logo-800: 217 33% 17%;
--color-logo-900: oklch(0.2077 0.0398 265.75);
--logo-900: 222 47% 11%;
--color-logo-950: oklch(0.1288 0.0406 264.7);
--logo-950: 229 84% 5%;
--color-logo: oklch(0.9842 0.0034 247.86);
--logo: 210 40% 98%;
--color-icon-50: oklch(0.9842 0.0034 247.86);
--icon-50: 210 40% 98%;
--color-icon-100: oklch(0.9683 0.0069 247.9);
--icon-100: 210 40% 96%;
--color-icon-200: oklch(0.9288 0.0126 255.51);
--icon-200: 214 32% 91%;
--color-icon-300: oklch(0.869 0.0198 252.89);
--icon-300: 213 27% 84%;
--color-icon-400: oklch(0.7107 0.0351 256.79);
--icon-400: 215 20% 65%;
--color-icon-500: oklch(0.5544 0.0407 257.42);
--icon-500: 215 16% 47%;
--color-icon-600: oklch(0.4455 0.0374 257.28);
--icon-600: 215 19% 35%;
--color-icon-700: oklch(0.3717 0.0392 257.29);
--icon-700: 215 25% 27%;
--color-icon-800: oklch(0.2795 0.0368 260.03);
--icon-800: 217 33% 17%;
--color-icon-900: oklch(0.2077 0.0398 265.75);
--icon-900: 222 47% 11%;
--color-icon-950: oklch(0.1288 0.0406 264.7);
--icon-950: 229 84% 5%;
--color-icon: oklch(0.9842 0.0034 247.86);
--icon: 210 40% 98%;
    }
  