:root,
[data-color-scheme="light"] {
  --purpur-color-purple-50: #faf0ff;
  --purpur-color-purple-100: #f4e0ff;
  --purpur-color-purple-200: #e4b6fb;
  --purpur-color-purple-300: #d58df9;
  --purpur-color-purple-400: #c461f7;
  --purpur-color-purple-500: #b12df4;
  --purpur-color-purple-550: #990ae3;
  --purpur-color-purple-600: #8c07d0;
  --purpur-color-purple-700: #6d02a3;
  --purpur-color-purple-800: #4e0174;
  --purpur-color-purple-900: #29003e;
  --purpur-color-purple-950: #1f002e;
  --purpur-color-beige-50: #f9f1ec;
  --purpur-color-beige-100: #ede1d8;
  --purpur-color-beige-200: #d7c3b5;
  --purpur-color-beige-300: #bba494;
  --purpur-color-beige-400: #a08877;
  --purpur-color-beige-500: #807268;
  --purpur-color-beige-600: #665e58;
  --purpur-color-beige-700: #4f4741;
  --purpur-color-beige-800: #3b332d;
  --purpur-color-beige-900: #2d2824;
  --purpur-color-beige-950: #170f09;
  --purpur-color-teal-50: #edf5f5;
  --purpur-color-teal-100: #d5eae9;
  --purpur-color-teal-200: #a1cfcd;
  --purpur-color-teal-300: #6eb5b2;
  --purpur-color-teal-400: #3a9b96;
  --purpur-color-teal-500: #00847e;
  --purpur-color-teal-600: #006c67;
  --purpur-color-teal-700: #02534f;
  --purpur-color-teal-800: #063c39;
  --purpur-color-teal-900: #032220;
  --purpur-color-teal-950: #011413;
  --purpur-color-gray-50: #f5f5fa;
  --purpur-color-gray-100: #e5e5eb;
  --purpur-color-gray-150: #d6d6dd;
  --purpur-color-gray-200: #c6c6cd;
  --purpur-color-gray-300: #aaaab0;
  --purpur-color-gray-400: #8d8d94;
  --purpur-color-gray-500: #757579;
  --purpur-color-gray-600: #5f5f63;
  --purpur-color-gray-700: #4a4a4d;
  --purpur-color-gray-800: #353537;
  --purpur-color-gray-850: #2a2a2c;
  --purpur-color-gray-900: #202022;
  --purpur-color-gray-950: #121212;
  --purpur-color-green-50: #e1f9ec;
  --purpur-color-green-100: #c5efd9;
  --purpur-color-green-200: #79d9a7;
  --purpur-color-green-300: #3dbf7c;
  --purpur-color-green-400: #1fa15e;
  --purpur-color-green-500: #018842;
  --purpur-color-green-600: #017037;
  --purpur-color-green-700: #02562b;
  --purpur-color-green-800: #003e1e;
  --purpur-color-green-900: #002411;
  --purpur-color-green-950: #00150a;
  --purpur-color-red-50: #fff0f5;
  --purpur-color-red-100: #ffdde8;
  --purpur-color-red-200: #ffafc9;
  --purpur-color-red-300: #ff80ab;
  --purpur-color-red-400: #fb4885;
  --purpur-color-red-500: #e4175c;
  --purpur-color-red-600: #c00543;
  --purpur-color-red-700: #980233;
  --purpur-color-red-800: #700025;
  --purpur-color-red-900: #440016;
  --purpur-color-red-950: #2c000e;
  --purpur-color-orange-50: #fff2de;
  --purpur-color-orange-100: #ffe1b3;
  --purpur-color-orange-200: #f9bb5b;
  --purpur-color-orange-300: #f39200;
  --purpur-color-orange-400: #cc7a00;
  --purpur-color-orange-500: #a86602;
  --purpur-color-orange-600: #8b5301;
  --purpur-color-orange-700: #6a4102;
  --purpur-color-orange-800: #4c2f03;
  --purpur-color-orange-900: #2b1b03;
  --purpur-color-orange-950: #1a0f00;
  --purpur-color-blue-50: #e8f6ff;
  --purpur-color-blue-100: #caeaff;
  --purpur-color-blue-200: #91cdf4;
  --purpur-color-blue-300: #62b2e7;
  --purpur-color-blue-400: #3694d3;
  --purpur-color-blue-500: #0078cb;
  --purpur-color-blue-600: #0063a6;
  --purpur-color-blue-700: #014d80;
  --purpur-color-blue-800: #03385b;
  --purpur-color-blue-900: #002036;
  --purpur-color-blue-950: #011320;
  --purpur-color-transparent-black-50: rgba(0, 0, 0, 0.05);
  --purpur-color-transparent-black-100: rgba(0, 0, 0, 0.1);
  --purpur-color-transparent-black-150: rgba(0, 0, 0, 0.16);
  --purpur-color-transparent-black-200: rgba(0, 0, 0, 0.22);
  --purpur-color-transparent-black-300: rgba(0, 0, 0, 0.33);
  --purpur-color-transparent-black-400: rgba(0, 0, 0, 0.44);
  --purpur-color-transparent-black-500: rgba(0, 0, 0, 0.54);
  --purpur-color-transparent-black-600: rgba(0, 0, 0, 0.62);
  --purpur-color-transparent-black-700: rgba(0, 0, 0, 0.71);
  --purpur-color-transparent-black-800: rgba(0, 0, 0, 0.8);
  --purpur-color-transparent-black-850: rgba(0, 0, 0, 0.84);
  --purpur-color-transparent-black-900: rgba(0, 0, 0, 0.88);
  --purpur-color-transparent-black-950: rgba(0, 0, 0, 0.93);
  --purpur-color-transparent-white-50: rgba(255, 255, 255, 0.07);
  --purpur-color-transparent-white-100: rgba(255, 255, 255, 0.11);
  --purpur-color-transparent-white-150: rgba(255, 255, 255, 0.16);
  --purpur-color-transparent-white-200: rgba(255, 255, 255, 0.21);
  --purpur-color-transparent-white-300: rgba(255, 255, 255, 0.29);
  --purpur-color-transparent-white-400: rgba(255, 255, 255, 0.37);
  --purpur-color-transparent-white-500: rgba(255, 255, 255, 0.46);
  --purpur-color-transparent-white-600: rgba(255, 255, 255, 0.55);
  --purpur-color-transparent-white-700: rgba(255, 255, 255, 0.66);
  --purpur-color-transparent-white-800: rgba(255, 255, 255, 0.79);
  --purpur-color-transparent-white-850: rgba(255, 255, 255, 0.84);
  --purpur-color-transparent-white-900: rgba(255, 255, 255, 0.89);
  --purpur-color-transparent-white-950: rgba(255, 255, 255, 0.95);
  --purpur-color-functional-black: #000000;
  --purpur-color-functional-white: #ffffff;
  --purpur-color-functional-transparent: rgba(255, 255, 255, 0);
  --purpur-color-brand-deep-purple: var(--purpur-color-purple-900);
  --purpur-color-brand-core-purple: var(--purpur-color-purple-550);
  --purpur-color-brand-light-purple: var(--purpur-color-purple-100);
  --purpur-color-brand-deep-beige: var(--purpur-color-beige-700);
  --purpur-color-brand-beige: var(--purpur-color-beige-100);
  --purpur-color-brand-light-beige: var(--purpur-color-beige-50);
  --purpur-color-brand-off-black: var(--purpur-color-gray-900);
  --purpur-color-brand-white: var(--purpur-color-functional-white);
  --purpur-color-text-default: var(--purpur-color-transparent-black-850);
  --purpur-color-text-medium: var(--purpur-color-transparent-black-600);
  --purpur-color-text-weak: var(--purpur-color-transparent-black-400);
  --purpur-color-text-default-negative: var(--purpur-color-transparent-white-950);
  --purpur-color-text-medium-negative: var(--purpur-color-transparent-white-700);
  --purpur-color-text-weak-negative: var(--purpur-color-transparent-white-400);
  --purpur-color-text-interactive-primary: var(--purpur-color-purple-600);
  --purpur-color-text-interactive-primary-hover: var(--purpur-color-purple-700);
  --purpur-color-text-interactive-primary-active: var(--purpur-color-purple-800);
  --purpur-color-text-interactive-on-primary: var(--purpur-color-functional-white);
  --purpur-color-text-interactive-on-primary-negative: var(--purpur-color-purple-800);
  --purpur-color-text-interactive-primary-negative: var(--purpur-color-purple-200);
  --purpur-color-text-interactive-primary-hover-negative: var(--purpur-color-purple-100);
  --purpur-color-text-interactive-primary-active-negative: var(--purpur-color-purple-50);
  --purpur-color-text-interactive-on-expressive: var(--purpur-color-functional-white);
  --purpur-color-text-interactive-on-expressive-negative: var(--purpur-color-functional-white);
  --purpur-color-text-interactive-on-expressive-hover: var(--purpur-color-functional-white);
  --purpur-color-text-interactive-on-expressive-hover-negative: var(--purpur-color-purple-900);
  --purpur-color-text-interactive-on-expressive-active: var(--purpur-color-functional-white);
  --purpur-color-text-interactive-on-expressive-active-negative: var(--purpur-color-purple-900);
  --purpur-color-text-interactive-on-destructive: var(--purpur-color-functional-white);
  --purpur-color-text-interactive-selected: var(--purpur-color-purple-550);
  --purpur-color-text-status-discount: var(--purpur-color-purple-550);
  --purpur-color-text-status-error-strong: var(--purpur-color-red-700);
  --purpur-color-text-status-error-strong-negative: var(--purpur-color-red-300);
  --purpur-color-text-status-error-medium: var(--purpur-color-red-500);
  --purpur-color-text-status-error-medium-negative: var(--purpur-color-red-400);
  --purpur-color-text-status-success-strong: var(--purpur-color-green-700);
  --purpur-color-text-status-success-strong-negative: var(--purpur-color-green-300);
  --purpur-color-text-status-success-medium: var(--purpur-color-green-500);
  --purpur-color-text-status-success-medium-negative: var(--purpur-color-green-400);
  --purpur-color-text-status-warning-strong: var(--purpur-color-orange-700);
  --purpur-color-text-status-warning-medium: var(--purpur-color-orange-500);
  --purpur-color-text-status-warning-medium-negative: var(--purpur-color-orange-300);
  --purpur-color-text-status-info-strong: var(--purpur-color-blue-700);
  --purpur-color-text-status-info-medium: var(--purpur-color-blue-500);
  --purpur-color-text-status-neutral: var(--purpur-color-transparent-black-700);
  --purpur-color-text-status-special: var(--purpur-color-purple-800);
  --purpur-color-text-status-attention: var(--purpur-color-functional-white);
  --purpur-color-text-status-black-friday: var(--purpur-color-functional-white);
  --purpur-color-text-tone-on-tone-primary: var(--purpur-color-purple-100);
  --purpur-color-text-tone-on-tone-secondary: var(--purpur-color-purple-900);
  --purpur-color-text-tone-on-tone-tertiary: var(--purpur-color-beige-700);
  --purpur-color-background-primary: var(--purpur-color-functional-white);
  --purpur-color-background-primary-negative: var(--purpur-color-purple-950);
  --purpur-color-background-secondary: var(--purpur-color-gray-50);
  --purpur-color-background-secondary-negative: var(--purpur-color-purple-900);
  --purpur-color-background-on-image: var(--purpur-color-transparent-white-850);
  --purpur-color-background-on-image-negative: var(--purpur-color-transparent-black-700);
  --purpur-color-background-interactive-auto-fill: var(--purpur-color-blue-50);
  --purpur-color-background-interactive-primary: var(--purpur-color-purple-800);
  --purpur-color-background-interactive-primary-hover: var(--purpur-color-purple-700);
  --purpur-color-background-interactive-primary-active: var(--purpur-color-purple-600);
  --purpur-color-background-interactive-primary-negative: var(--purpur-color-purple-100);
  --purpur-color-background-interactive-primary-hover-negative: var(--purpur-color-purple-200);
  --purpur-color-background-interactive-primary-active-negative: var(--purpur-color-purple-300);
  --purpur-color-background-interactive-expressive: var(--purpur-color-purple-550);
  --purpur-color-background-interactive-expressive-hover: var(--purpur-color-purple-700);
  --purpur-color-background-interactive-expressive-active: var(--purpur-color-purple-800);
  --purpur-color-background-interactive-expressive-negative: var(--purpur-color-purple-550);
  --purpur-color-background-interactive-expressive-hover-negative: var(--purpur-color-purple-400);
  --purpur-color-background-interactive-expressive-active-negative: var(--purpur-color-purple-300);
  --purpur-color-background-interactive-disabled: var(--purpur-color-transparent-black-100);
  --purpur-color-background-interactive-disabled-negative: var(
    --purpur-color-transparent-white-100
  );
  --purpur-color-background-interactive-transparent-hover: var(--purpur-color-purple-100);
  --purpur-color-background-interactive-transparent-hover-negative: var(--purpur-color-purple-800);
  --purpur-color-background-interactive-transparent-active: var(--purpur-color-purple-200);
  --purpur-color-background-interactive-transparent-active-negative: var(--purpur-color-purple-700);
  --purpur-color-background-interactive-inactive: var(--purpur-color-transparent-black-50);
  --purpur-color-background-interactive-inactive-negative: var(
    --purpur-color-transparent-white-150
  );
  --purpur-color-background-interactive-read-only: var(--purpur-color-transparent-black-50);
  --purpur-color-background-interactive-read-only-negative: var(
    --purpur-color-transparent-white-100
  );
  --purpur-color-background-interactive-destructive: var(--purpur-color-red-500);
  --purpur-color-background-interactive-destructive-hover: var(--purpur-color-red-600);
  --purpur-color-background-interactive-destructive-active: var(--purpur-color-red-700);
  --purpur-color-background-status-info-medium: var(--purpur-color-blue-100);
  --purpur-color-background-status-info-strong: var(--purpur-color-blue-400);
  --purpur-color-background-status-success-medium: var(--purpur-color-green-100);
  --purpur-color-background-status-success-strong: var(--purpur-color-green-400);
  --purpur-color-background-status-success-strong-negative: var(--purpur-color-green-300);
  --purpur-color-background-status-error-medium: var(--purpur-color-red-100);
  --purpur-color-background-status-error-strong: var(--purpur-color-red-400);
  --purpur-color-background-status-error-strong-negative: var(--purpur-color-red-300);
  --purpur-color-background-status-warning-medium: var(--purpur-color-orange-100);
  --purpur-color-background-status-warning-strong: var(--purpur-color-orange-400);
  --purpur-color-background-status-warning-strong-negative: var(--purpur-color-orange-300);
  --purpur-color-background-status-neutral: var(--purpur-color-gray-150);
  --purpur-color-background-status-special: var(--purpur-color-purple-100);
  --purpur-color-background-status-attention: var(--purpur-color-purple-700);
  --purpur-color-background-status-black-friday: var(--purpur-color-gray-900);
  --purpur-color-background-tone-on-tone-primary: var(--purpur-color-purple-900);
  --purpur-color-background-tone-on-tone-secondary: var(--purpur-color-purple-100);
  --purpur-color-background-tone-on-tone-tertiary: var(--purpur-color-beige-100);
  --purpur-color-background-tone-on-tone-quaternary: var(--purpur-color-beige-50);
  --purpur-color-border-medium: var(--purpur-color-transparent-black-300);
  --purpur-color-border-medium-negative: var(--purpur-color-transparent-white-300);
  --purpur-color-border-strong: var(--purpur-color-transparent-black-500);
  --purpur-color-border-strong-negative: var(--purpur-color-transparent-white-500);
  --purpur-color-border-weak: var(--purpur-color-transparent-black-150);
  --purpur-color-border-weak-negative: var(--purpur-color-transparent-white-150);
  --purpur-color-border-interactive-focus: var(--purpur-color-purple-500);
  --purpur-color-border-interactive-primary: var(--purpur-color-purple-600);
  --purpur-color-border-interactive-primary-negative: var(--purpur-color-purple-200);
  --purpur-color-border-interactive-primary-hover: var(--purpur-color-purple-700);
  --purpur-color-border-interactive-primary-active: var(--purpur-color-purple-800);
  --purpur-color-border-interactive-primary-hover-negative: var(--purpur-color-purple-100);
  --purpur-color-border-interactive-primary-active-negative: var(--purpur-color-purple-50);
  --purpur-color-border-interactive-expressive: var(--purpur-color-purple-550);
  --purpur-color-border-interactive-selected: var(--purpur-color-purple-550);
  --purpur-color-border-interactive-subtle: var(--purpur-color-transparent-black-400);
  --purpur-color-border-interactive-subtle-negative: var(--purpur-color-transparent-white-500);
  --purpur-color-border-interactive-subtle-hover: var(--purpur-color-purple-700);
  --purpur-color-border-interactive-subtle-hover-negative: var(--purpur-color-purple-400);
  --purpur-color-border-status-error: var(--purpur-color-red-500);
  --purpur-color-border-status-error-negative: var(--purpur-color-red-400);
  --purpur-color-border-status-warning: var(--purpur-color-orange-400);
  --purpur-color-border-status-info: var(--purpur-color-blue-500);
  --purpur-color-border-status-success: var(--purpur-color-green-500);
  --purpur-color-border-status-success-negative: var(--purpur-color-green-400);
  --purpur-color-overlay-default: var(--purpur-color-transparent-black-300);
  --purpur-color-gradient-ai-bottom: var(--purpur-color-blue-400);
  --purpur-color-gradient-ai-bottom-negative: var(--purpur-color-blue-300);
  --purpur-color-gradient-ai-top: var(--purpur-color-purple-500);
  --purpur-color-gradient-ai-top-negative: var(--purpur-color-purple-300);
}
