:root {
  --accent-blue-base: hsl(204, 100%, 35%);
  --accent-blue-dark: hsl(204, 100%, 20%);
  --accent-blue-darker: hsl(204, 100%, 27%);
  --accent-blue-light: hsl(204, 64%, 90%);
  --accent-green-base: hsl(130, 64%, 32%);
  --accent-green-dark: hsl(130, 64%, 20%);
  --accent-green-darker: hsl(130, 64%, 27%);
  --accent-green-light: hsl(130, 64%, 90%);
  --accent-red-base: hsl(350, 64%, 42%);
  --accent-red-dark: hsl(350, 64%, 20%);
  --accent-red-darker: hsl(350, 64%, 27%);
  --accent-red-light: hsl(350, 64%, 90%);
  --accent-cyan-base: hsl(180, 64%, 36%);
  --accent-cyan-dark: hsl(180, 64%, 20%);
  --accent-cyan-darker: hsl(180, 64%, 27%);
  --accent-cyan-light: hsl(180, 64%, 90%);
  --accent-orange-base: hsl(24, 64%, 40%);
  --accent-orange-dark: hsl(24, 64%, 20%);
  --accent-orange-darker: hsl(24, 64%, 27%);
  --accent-orange-light: hsl(24, 64%, 90%);
  --accent-purple-base: hsl(280, 64%, 42%);
  --accent-purple-dark: hsl(280, 64%, 20%);
  --accent-purple-darker: hsl(280, 64%, 27%);
  --accent-purple-light: hsl(280, 64%, 90%);
  --button-primary-base: hsl(204, 100%, 35%);
  --button-primary-dark: hsl(204, 100%, 20%);
  --button-primary-darker: hsl(204, 100%, 27%);
  --button-primary-dim: hsla(204, 100%, 42%, 0.12);
  --button-secondary-base: hsl(204, 100%, 35%);
  --button-secondary-dark: hsl(204, 100%, 20%);
  --button-secondary-darker: hsl(204, 100%, 27%);
  --button-secondary-dim: hsla(204, 100%, 42%, 0.1);
  --bubble-chatbot-background: hsl(0, 0%, 100%);
  --bubble-chatbot-text: hsl(0, 0%, 22%);
  --bubble-chatbot-placeholder: hsl(0, 0%, 42%);
  --bubble-chatbot-border: hsla(0, 0%, 1%, 0.16);
  --bubble-chatbot-shadow: hsla(0, 0%, 2%, 0.16);
  --bubble-user-background: hsl(204, 100%, 35%);
  --bubble-user-text: hsl(0, 0%, 100%);
  --bubble-user-border: hsla(0, 0%, 2%, 0.16);
  --bubble-user-shadow: hsla(0, 0%, 2%, 0.36);
  --diagram-a: hsl(204, 100%, 35%);
  --diagram-b: hsl(37, 100%, 47%);
  --chat-menu: hsl(0, 0%, 100%);
  --chat-menu-inverted: hsl(0, 0%, 26%);
  --chat-header: hsla(0, 0%, 100%, 0.96);
  --chat-header-inverted: hsla(0, 0%, 26%, 0.96);
  --typography-text: hsl(0, 0%, 10%);
  --typography-text-inverted: hsl(0, 0%, 100%);
  --typography-text-bold: hsl(0, 0%, 18%);
  --typography-text-bold-inverted: hsla(0, 0%, 100%, 0.9);
  --typography-text-secondary: hsl(0, 0%, 35%);
  --typography-text-secondary-inverted: hsla(0, 0%, 100%, 0.75);
  --typography-heading-1: hsl(0, 0%, 35%);
  --typography-heading-2: hsl(0, 0%, 25%);
  --base-background: hsl(203, 30%, 93%);
  --base-background-above: hsla(203, 30%, 93%, 0.95);
  --base-selection: hsl(203, 30%, 93%);
  --base-foreground: hsl(0, 0%, 100%);
  --base-foreground-above: hsla(0, 0%, 100%, 0.95);
  --base-icon: hsl(0, 0%, 50%);
  --base-icon-inverted: hsl(0, 0%, 100%);
  --base-shadow: hsla(0, 0%, 1%, 0.16);
  --base-shadow-dark: hsla(0, 0%, 1%, 0.36);
  --base-shadow-above: hsla(0, 0%, 1%, 0.12);
  --base-separator: hsla(0, 0%, 40%, 0.24);
  --base-focus: hsla(0, 0%, 46%, 0.75);
  --base-disabled: hsla(0, 0%, 0%, 0.08);
  --base-dim: hsla(0, 0%, 46%, 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%, 0.16);
  --base-border-dark: hsla(0, 0%, 0%, 0.42);
  --base-background-notification: hsl(350, 64%, 52%);
  --base-background-overlay: hsla(210, 64%, 4%, 0.7);
  --base-background-notification-heading: hsla(0, 0%, 46%, 0.14);
}