:root {
  --border-radius-button: 8px;
  --border-radius-chips: 22px;
  --border-radius-date-picker: 4px;
  --border-radius-drop-down: 8px;
  --border-radius-notifications: 6px;
  --border-radius-panel: 8px;
  --border-radius-panel-buttons: 8px;
  --border-radius-text-input: 8px;
  --border-radius-time-picker: 4px;
  --border-radius-toggle: 50%;
  --border-radius-flyout: 16px;
  --primary: #d01426;
  --on-primary: #FFFFFF;
  --primary-50: #ffedef;
  --primary-100: #f8cace;
  --primary-200: #f2a8af;
  --primary-300: #eb8791;
  --primary-400: #e56875;
  --primary-500: #de4b5a;
  --primary-600: #d82f40;
  --custom-color-1: #8e1426;
  --custom-color-1-50: #ffedf0;
  --custom-color-1-100: #efc3ca;
  --custom-color-1-200: #df9da7;
  --custom-color-1-300: #cf7a87;
  --custom-color-1-400: #bf5b6a;
  --custom-color-1-500: #af4051;
  --custom-color-1-600: #9f283a;
  --on-custom color 1: #ffffff;
  --black: #222222;
  --on-black: #FFFFFF;
  --black-25: #F7F9F9;
  --black-50: #EAEFF1;
  --black-100: #DAE1E5;
  --black-200: #C7CED1;
  --black-300: #B3BABD;
  --black-400: #858F94;
  --black-500: #60686B;
  --black-600: #5C6366;
  --black-700: #494F52;
  --black-800: #323638;
  --white: #FFFFFF;
  --on-white: #d01426;
  --success: #00a225;
  --success-10: #daf2e0;
  --error: #d01426;
  --error-10: #fff1f3;
  --error-50: #ffd6da;
  --error-100: #ffafb7;
  --error-200: #ff6a79;
  --error-300: #dc2a3b;
  --error-400: #c01c2c;
  --error-500: #a71120;
  --error-600: #88000e;
  --warning: #FF8A00;
  --warning-10: #FFF9E5;
  --information: #666666;
  --information-10: #f2f2f2;
  --notification: #d01426;
  --notification-10: #f2dcdf;
  --background-color: #eeeeee;
  --link-color: #d01426;
  --focus-color: #ff9900;
  --button-color: #d01426;
  --on-button-color: #FFFFFF;
  --button-color-50: #ffedef;
  --button-color-100: #f8cace;
  --button-color-200: #f2a8af;
  --button-color-300: #eb8791;
  --button-color-400: #e56875;
  --button-color-500: #de4b5a;
  --button-color-600: #d82f40;
  --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: #222222;
  --on-panel-color: #FFFFFF;
  --panel-color-25: #F7F9F9;
  --panel-color-50: #EAEFF1;
  --panel-color-100: #DAE1E5;
  --panel-color-200: #C7CED1;
  --panel-color-300: #B3BABD;
  --panel-color-400: #858F94;
  --panel-color-500: #60686B;
  --panel-color-600: #5C6366;
  --panel-color-700: #494F52;
  --panel-color-800: #323638;
  --navigation-menu-background-color: #FFFFFF;
  --on-navigation-menu-background-color: #d01426;
  --header-background-color: #d01426;
  --on-header-background-color: #FFFFFF;
  --header-background-color-50: #ffedef;
  --header-background-color-100: #f8cace;
  --header-background-color-200: #f2a8af;
  --header-background-color-300: #eb8791;
  --header-background-color-400: #e56875;
  --header-background-color-500: #de4b5a;
  --header-background-color-600: #d82f40;
}