* {
    --brand-primary: #283891;
    --brand-primary-contrast: white;
    --brand-secondary: #fae26d;
    --brand-secondary-contrast: #212b38;
    --brand-primary-button: #283891;
  }
  
  /* This is the way to achieve rebranding through the Design System: By overriding
  the primary color on the root element. The Design System will calculate the primary gradient
  value and will set all other variables */
  :root {
    --color-primary: #283891 !important;
  }