:root {
	--accent-blue-base: hsl(223, 54%, 40%);
	--accent-blue-dark: hsl(223, 55%, 20%);
	--accent-blue-darker: hsl(223, 54%, 32%);
	--accent-blue-light: hsl(222, 53%, 90%);
	--accent-cyan-base: hsl(185, 51%, 40%);
	--accent-cyan-dark: hsl(185, 51%, 20%);
	--accent-cyan-darker: hsl(185, 51%, 32%);
	--accent-cyan-light: hsl(187, 53%, 90%);
	--accent-green-base: hsl(151, 51%, 40%);
	--accent-green-dark: hsl(151, 51%, 20%);
	--accent-green-darker: hsl(151, 51%, 32%);
	--accent-green-light: hsl(151, 53%, 90%);
	--accent-orange-base: hsl(25, 51%, 40%);
	--accent-orange-dark: hsl(25, 51%, 20%);
	--accent-orange-darker: hsl(25, 51%, 32%);
	--accent-orange-light: hsl(27, 53%, 90%);
	--accent-purple-base: hsl(285, 51%, 40%);
	--accent-purple-dark: hsl(285, 51%, 20%);
	--accent-purple-darker: hsl(285, 51%, 32%);
	--accent-purple-light: hsl(284, 53%, 90%);
	--accent-red-base: hsl(350, 51%, 40%);
	--accent-red-dark: hsl(350, 51%, 20%);
	--accent-red-darker: hsl(350, 51%, 32%);
	--accent-red-light: hsl(349, 53%, 90%);
	--base-background-above: hsla(0, 0%, 100%, 0.96);
	--base-background-notification-heading: hsla(0, 0%, 48%, 0.14);
	--base-background-notification: hsl(350, 51%, 50%);
	--base-background-overlay: hsla(207, 69%, 5%, 0.7);
	--base-background: hsl(0, 0%, 100%);
	--base-border-dark: hsla(0, 0%, 0%, 0.4);
	--base-border: hsla(0, 0%, 0%, 0.2);
	--base-dim-inverted: hsla(0, 0%, 100%, 0.15);
	--base-dim: hsla(0, 0%, 48%, 0.12);
	--base-disabled: hsla(0, 0%, 0%, 0.03);
	--base-focus-inverted: hsla(0, 0%, 100%, 0.35);
	--base-focus: hsla(0, 0%, 48%, 0.35);
	--base-foreground-above: hsla(0, 0%, 100%, 0.96);
	--base-foreground: hsl(0, 0%, 100%);
	--base-icon-inverted: hsl(0, 0%, 100%);
	--base-icon: hsl(0, 0%, 48%);
	--base-selection: hsl(200, 60%, 94%);
	--base-separator: hsla(0, 0%, 48%, 0.24);
	--base-shadow-above: hsla(0, 0%, 1%, 0.12);
	--base-shadow-dark: hsla(0, 0%, 1%, 0.35);
	--base-shadow: hsla(0, 0%, 1%, 0.15);
	--bubble-chatbot-background: hsl(200, 60%, 98%);
	--bubble-chatbot-border: hsla(0, 0%, 1%, 0.15);
	--bubble-chatbot-placeholder: hsl(0, 0%, 34%);
	--bubble-chatbot-shadow: hsla(0, 0%, 2%, 0.15);
	--bubble-chatbot-text: hsl(0, 0%, 10%);
	--bubble-user-background: hsl(151, 51%, 40%);
	--bubble-user-border: hsla(0, 0%, 2%, 0.15);
	--bubble-user-shadow: hsla(0, 0%, 2%, 0.35);
	--bubble-user-text: hsl(0, 0%, 100%);
	--button-primary-base: hsl(223, 54%, 40%);
	--button-primary-dark: hsl(223, 55%, 20%);
	--button-primary-darker: hsl(223, 54%, 32%);
	--button-primary-dim: hsla(223, 54%, 45%, 0.12);
	--button-secondary-base: hsl(151, 51%, 40%);
	--button-secondary-dark: hsl(151, 51%, 20%);
	--button-secondary-darker: hsl(151, 51%, 32%);
	--button-secondary-dim: hsla(151, 51%, 45%, 0.1);
	--chat-header-inverted: hsla(223, 24%, 35%, 0.96);
	--chat-header: hsla(0, 0%, 100%, 0.96);
	--chat-menu-inverted: hsl(223, 24%, 35%);
	--chat-menu: hsl(0, 0%, 100%);
	--diagram-a: hsl(223, 54%, 40%);
	--diagram-b: hsl(223, 55%, 20%);
	--typography-heading-1: hsl(0, 0%, 34%);
	--typography-heading-2: hsl(0, 0%, 28%);
	--typography-text-bold-inverted: hsla(0, 0%, 100%, 0.9);
	--typography-text-bold: hsl(0, 0%, 16%);
	--typography-text-inverted: hsl(0, 0%, 100%);
	--typography-text-secondary-inverted: hsla(0, 0%, 100%, 0.75);
	--typography-text-secondary: hsl(0, 0%, 34%);
	--typography-text: hsl(0, 0%, 10%);
}