:root {
    /* Define your brand colors */
    --color-pink:   #e91e63;
    --color-purple: #9c27b0;
    --color-teal:   #009688;
    --color-green:  #4caf50;
    --color-white:  #ffffff;
    --color-dark:   #333333;
  
    /* Optionally define "main" and "secondary" backgrounds */
    --main-bg-color:      var(--color-pink);
    --secondary-bg-color: var(--color-teal);
  
    /* Override some of Bootstrap's default CSS variables */
    --bs-primary:   var(--color-pink);
    --bs-secondary: var(--color-purple);
    --bs-info:      var(--color-teal);
    --bs-success:   var(--color-green);
    --bs-white:     var(--color-white);
    --bs-dark:      var(--color-dark);
  }