:root {

  --bs-heading-color: inherit; /* bootstrap should just inherit */

  --cty-default-bg: white; 
  --cty-default-fg: #052717; /* tempe deep green */

  --cty-brand-aqua: #00aba2; /* aqua */
  --cty-brand-green: #d5e03c; /* social chartreuse */
  --cty-brand-purple: #670461; /* ropal purple */
  --cty-brand-orange: #ea7f1f; /* social chartreuse */
  --cty-brand-pine: #052717; /* pine green black */
  --cty-brand-pink: #db0a62; 
  --cty-brand-navy: #19325c; /* tempe trip, etc */

  --cty-bg-card: #f2f2f2; /* default lk and crd background */
       
  --cty-alink: #670461; /* primary link color */
  --cty-ahover: #9e0494; /* primary hover color */
  --cty-abtnlink: #670461; /* primary link color */
  --cty-abtnhover: #9e0494; /* primary hover color */
  --cty-filterlink: #052717; /* primary hover color */
  --cty-filterhover: #052717; /* primary hover color */
  
  --cty-alert-bg: #db0a62; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
 
  --cty-transition-hover: all 150ms linear 0s; /* as on buttons */



    
}

:root {
  --cty-sidenav-bg-content: #ffffff;
  --cty-sidenav-bg-nav: #ffffff;
}