:root {
  --primary-color-light:   hsl(  75deg 100% 85% );
  --primary-color:         hsl(  75deg  61% 48% );
  --primary-color-dark:    hsl(  75deg  61% 22% ); 

  --secondary-color-light: hsl( 232deg 100% 85% );
  --secondary-color:       hsl( 232deg  61% 48% );
  --secondary-color-dark:  hsl( 232deg  61% 22% );
  --background-color: #e9f7e5;
}
main a {
  color: var(--action-color);
}
main a:hover {
  color: var(--primary-color-dark);
}
#toc a.active,
#toc a:hover {
  color: var(--action-color-light);
  background: var(--action-color);
}