:root {
    /* Brand palette */
    --lightest-background-color: #c2eee5;
    --lightest-color: #48b9a3;
    --light-color: #2a9c85;
    --dark-color: #0d2c26;
  
    --red-color: #a02f46;
    --light-red-color: #f14668;
  
    --purple-color: #563598;
    --light-purple-color: #7248c7;
  
    /* Override Material theme variables */
    --md-primary-fg-color: var(--purple-color);
    --md-accent-fg-color: var(--light-color);
    --md-default-bg-color: var(--lightest-background-color);
    --md-typeset-a-color: var(--purple-color);
  }
  
  /* Optional tweaks */
  .md-nav__link--active {
    color: var(--purple-color);
  }
  
  .md-header, .md-footer {
    background-color: var(--light-color);
    color: white;
  }
  
  .md-button--primary {
    background-color: var(--purple-color);
    color: white;
  }
  
  .md-button--secondary {
    background-color: var(--light-color);
    color: white;
  }