:root {
  --border-radius-button: 50vh;
  --border-radius-chips: 22px;
  --border-radius-date-picker: 16px;
  --border-radius-drop-down: 16px;
  --border-radius-notifications: 16px;
  --border-radius-panel: 16px;
  --border-radius-panel-buttons: 16px;
  --border-radius-text-input: 8px;
  --border-radius-time-picker: 16px;
  --border-radius-toggle: 50%;
  --border-radius-flyout: 16px;
  --primary: #100347;
  --on-primary: #FFFFFF;
  --primary-50: #f0edff;
  --primary-100: #c0b8e5;
  --primary-200: #9589cb;
  --primary-300: #6f61b0;
  --primary-400: #4f3f96;
  --primary-500: #34247c;
  --primary-600: #1f1062;
  --black: #0f0f0f;
  --on-black: #FFFFFF;
  --black-25: #fdfcff;
  --black-50: #faf7ff;
  --black-100: #dfdbe7;
  --black-200: #c9c5cf;
  --black-300: #b0aeb7;
  --black-400: #948f9f;
  --black-500: #7f7a87;
  --black-600: #66646f;
  --black-700: #514e57;
  --black-800: #39383f;
  --white: #FFFFFF;
  --on-white: #0f0f0f;
  --success: #11be61;
  --success-10: #dcf2e6;
  --error: #ff382b;
  --error-10: #f2dede;
  --warning: #FF8A00;
  --warning-10: #FFF9E5;
  --information: #0f0f0f;
  --information-10: #f2f2f2;
  --notification: #ff382b;
  --notification-10: #f2dfde;
  --background-color: #F7F9F9;
  --link-color: #5e3aee;
  --focus-color: #5e3aee;
  --button-color: #100347;
  --on-button-color: #FFFFFF;
  --button-color-50: #f0edff;
  --button-color-100: #c0b8e5;
  --button-color-200: #9589cb;
  --button-color-300: #6f61b0;
  --button-color-400: #4f3f96;
  --button-color-500: #34247c;
  --button-color-600: #1f1062;
  --checkbox-color: primary;
  --chips-color: primary;
  --flyout-color: primary;
  --full-screen-overlay-color: primary;
  --loader-color: primary;
  --notifications-color: primary;
  --quick-link-color: primary;
  --radio-color: primary;
  --sticky-button-color: primary;
  --panel-color: #0f0f0f;
  --on-panel-color: #FFFFFF;
  --panel-color-25: #fdfcff;
  --panel-color-50: #faf7ff;
  --panel-color-100: #dfdbe7;
  --panel-color-200: #c9c5cf;
  --panel-color-300: #b0aeb7;
  --panel-color-400: #948f9f;
  --panel-color-500: #7f7a87;
  --panel-color-600: #66646f;
  --panel-color-700: #514e57;
  --panel-color-800: #39383f;
  --navigation-menu-background-color: #FFFFFF;
  --on-navigation-menu-background-color: #0f0f0f;
  --header-background-color: #100347;
  --on-header-background-color: #FFFFFF;
  --header-background-color-50: #f0edff;
  --header-background-color-100: #c0b8e5;
  --header-background-color-200: #9589cb;
  --header-background-color-300: #6f61b0;
  --header-background-color-400: #4f3f96;
  --header-background-color-500: #34247c;
  --header-background-color-600: #1f1062;
}