:root {
  --accent-blue-base: hsla(210, 64.1%, 36.1%, 1);
  --accent-blue-dark: hsla(210, 64.7%, 20%, 1);
  --accent-blue-darker: hsla(210, 64.4%, 32%, 1);
  --accent-blue-light: hsla(211, 64.7%, 90%, 1);
  --accent-green-base: hsla(130, 64.1%, 36.1%, 1);
  --accent-green-dark: hsla(130, 64.7%, 20%, 1);
  --accent-green-darker: hsla(130, 63.9%, 26.1%, 1);
  --accent-green-light: hsla(131, 64.7%, 90%, 1);
  --accent-red-base: hsla(350, 64.1%, 36.1%, 1);
  --accent-red-dark: hsla(350, 64.7%, 20%, 1);
  --accent-red-darker: hsla(350, 64.4%, 32%, 1);
  --accent-red-light: hsla(349, 64.7%, 90%, 1);
  --accent-cyan-base: hsla(180, 64.1%, 36.1%, 1);
  --accent-cyan-dark: hsla(180, 64.7%, 20%, 1);
  --accent-cyan-darker: hsla(180, 63.6%, 28%, 1);
  --accent-cyan-light: hsla(180, 64.7%, 90%, 1);
  --accent-orange-base: hsla(32, 91.3%, 35.9%, 1);
  --accent-orange-dark: hsla(32, 90.2%, 20%, 1);
  --accent-orange-darker: hsla(32, 90.6%, 25.1%, 1);
  --accent-orange-light: hsla(32, 92.2%, 90%, 1);
  --accent-purple-base: hsla(280, 64.1%, 36.1%, 1);
  --accent-purple-dark: hsla(280, 64.7%, 20%, 1);
  --accent-purple-darker: hsla(280, 64.4%, 32%, 1);
  --accent-purple-light: hsla(280, 64.7%, 90%, 1);
  --button-primary-base: hsla(32, 91.3%, 35.9%, 1);
  --button-primary-dark: hsla(32, 90.2%, 20%, 1);
  --button-primary-darker: hsla(32, 90.6%, 25.1%, 1);
  --button-primary-dim: hsla(32, 90.7%, 42.2%, 0.12);
  --button-secondary-base: hsla(201, 20%, 45.1%, 1);
  --button-secondary-dark: hsla(201, 19.6%, 20%, 1);
  --button-secondary-darker: hsla(201, 20.3%, 25.1%, 1);
  --button-secondary-dim: hsla(201, 20%, 42.2%, 0.1);
  --bubble-chatbot-background: hsla(0, 0%, 100%, 1);
  --bubble-chatbot-text: hsla(0, 0%, 22%, 1);
  --bubble-chatbot-placeholder: hsla(0, 0%, 42%, 1);
  --bubble-chatbot-border: hsla(0, 0%, 1.2%, 0.16);
  --bubble-chatbot-shadow: hsla(0, 0%, 1.6%, 0.16);
  --bubble-user-background: hsla(201, 20%, 45.1%, 1);
  --bubble-user-text: hsla(0, 0%, 100%, 1);
  --bubble-user-border: hsla(0, 0%, 2%, 0.16);
  --bubble-user-shadow: hsla(0, 0%, 2.4%, 0.36);
  --diagram-a: hsla(32, 91.3%, 35.9%, 1);
  --diagram-b: hsla(201, 20%, 45.1%, 1);
  --chat-menu: hsla(0, 0%, 100%, 1);
  --chat-menu-inverted: hsla(199, 21.7%, 37.1%, 1);
  --chat-header: hsla(0, 0%, 100%, 0.96);
  --chat-header-inverted: hsla(199, 21.7%, 37.1%, 0.96);
  --typography-text: hsla(0, 0%, 10.2%, 1);
  --typography-text-inverted: hsla(0, 0%, 100%, 1);
  --typography-text-bold: hsla(0, 0%, 18%, 1);
  --typography-text-bold-inverted: hsla(0, 0%, 100%, 0.9);
  --typography-text-secondary: hsla(0, 0%, 38%, 1);
  --typography-text-secondary-inverted: hsla(0, 0%, 100%, 0.75);
  --typography-heading-1: hsla(0, 0%, 38%, 1);
  --typography-heading-2: hsla(0, 0%, 32.2%, 1);
  --base-background: hsla(200, 17.6%, 93.3%, 1);
  --base-background-above: hsla(200, 17.6%, 93.3%, 0.95);
  --base-selection: hsla(200, 17.6%, 93.3%, 1);
  --base-foreground: hsla(0, 0%, 100%, 1);
  --base-foreground-above: hsla(0, 0%, 100%, 0.95);
  --base-icon: hsla(0, 0%, 50.2%, 1);
  --base-icon-inverted: hsla(0, 0%, 100%, 1);
  --base-shadow: hsla(0, 0%, 0.8%, 0.16);
  --base-shadow-dark: hsla(0, 0%, 0.8%, 0.36);
  --base-shadow-above: hsla(0, 0%, 0.8%, 0.12);
  --base-separator: hsla(0, 0%, 40%, 0.24);
  --base-focus: hsla(0, 0%, 45.9%, 0.75);
  --base-disabled: hsla(0, 0%, 0%, 0.08);
  --base-dim: hsla(0, 0%, 45.9%, 0.12);
  --base-dim-inverted: hsla(0, 0%, 100%, 0.15);
  --base-focus-inverted: hsla(0, 0%, 100%, 0.75);
  --base-border: hsla(0, 0%, 0.4%, 0.16);
  --base-border-dark: hsla(0, 0%, 0.4%, 0.42);
  --base-background-notification: hsla(350, 64.1%, 52%, 1);
  --base-background-overlay: hsla(212, 61.9%, 4.1%, 0.7);
  --base-background-notification-heading: hsla(0, 0%, 45.9%, 0.14);
}